README copy.md

metadata

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 (v18 or higher)
• pnpm (v8 or higher)

If you don't have pnpm installed, you can install it with:

npm install -g pnpm

Getting Started

Installation

Install all dependencies:

pnpm install

Development

Run the development server:

pnpm dev

Open 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:

pnpm build

Start the production server:

pnpm start

Linting

Run the linter to check for code quality issues:

pnpm lint

Tech Stack

• Framework: Next.js 14 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI
• Icons: Lucide React
• Charts: Recharts
• Forms: React Hook Form with Zod

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 file for details.