File size: 2,284 Bytes
d328b13 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
---
title: Awesome Food Allergy Datasets
emoji: 🍽️
colorFrom: green
colorTo: yellow
sdk: docker
app_port: 7860
---
# Datasets Navigator
A modern web application for navigating and exploring food allergy datasets, built with Next.js 14, React, TypeScript, and Tailwind CSS.
## Prerequisites
- [Node.js](https://nodejs.org/) (v18 or higher)
- [pnpm](https://pnpm.io/) (v8 or higher)
If you don't have pnpm installed, you can install it with:
```bash
npm install -g pnpm
```
## Getting Started
### Installation
Install all dependencies:
```bash
pnpm install
```
### Development
Run the development server:
```bash
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
The application will automatically reload when you make changes to the source files.
### Building for Production
Create an optimized production build:
```bash
pnpm build
```
Start the production server:
```bash
pnpm start
```
### Linting
Run the linter to check for code quality issues:
```bash
pnpm lint
```
## Tech Stack
- **Framework:** [Next.js 14](https://nextjs.org/) with App Router
- **Language:** [TypeScript](https://www.typescriptlang.org/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **UI Components:** [Radix UI](https://www.radix-ui.com/)
- **Icons:** [Lucide React](https://lucide.dev/)
- **Charts:** [Recharts](https://recharts.org/)
- **Forms:** [React Hook Form](https://react-hook-form.com/) with [Zod](https://zod.dev/)
## Project Structure
```
datasets_navigator/
├── app/ # Next.js App Router pages
├── components/ # React components
│ └── ui/ # Reusable UI components
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
├── public/ # Static assets
└── styles/ # Global styles
```
## Features
- Interactive dataset exploration interface
- Modern, responsive design
- Dark/light theme support
- Component-based architecture
- Type-safe with TypeScript
## Contributing
1. Make your changes in a feature branch
2. Run `pnpm lint` to ensure code quality
3. Test your changes with `pnpm dev`
4. Submit a pull request
## License
See the [LICENSE](../../LICENSE) file for details.
|