A web platform for managing and sharing food allergy profiles, enabling individuals, families, and restaurants to communicate critical dietary information safely and effectively.

Dine Web is the public/private profile component of the Dine food allergy management ecosystem. It provides shareable web profiles for users and restaurants to communicate food allergy information, safety protocols, and dietary accommodations.

For Individuals:

• Create and share personalized food allergy profiles
• Generate shareable emergency cards with critical allergy information
• Access travel phrases for communicating allergies in different languages
• Store and share EpiPen/medication details
• Public or private profile visibility options

For Families:

• Parent accounts to manage children's food allergy profiles
• Share profiles with schools, camps, and caregivers
• Centralized management of multiple family members' allergies

For Restaurants:

• Create detailed restaurant profiles showcasing allergy accommodations
• Share menu information and dietary options
• Document safety protocols and cross-contamination prevention measures
• Highlight cuisine types and specific allergens accommodated
• Build trust with allergy-conscious diners

• Framework: Next.js (App Router)
• Language: TypeScript
• Styling: Tailwind CSS (assumed based on Next.js best practices)
• Font Optimization: next/font with Geist

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

1. Individual Accounts - Personal food allergy profiles for sharing with restaurants, friends, and healthcare providers
2. Family Accounts - Parent-managed accounts for children with food allergies
3. Restaurant Accounts - Business profiles showcasing allergy accommodations and safety measures

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API
• Learn Next.js - an interactive Next.js tutorial

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.