A modern, responsive restaurant website for Eamin's Kitchen - showcasing authentic Chinese cuisine crafted by a University of Chicago Computer Science student.

Eamin's Kitchen is a personal restaurant website that combines traditional Chinese culinary heritage with modern web technology. Built as a passion project by a UChicago CS student, it brings authentic Chinese flavors to the Windy City while demonstrating technical skills in React, TypeScript, and modern web development.

1. How do I know what website I'm on? - Clear branding with "Eamin's Kitchen" header and personal story
2. How do I browse recipes? - Interactive menu grid with categories (Dim Sum, Noodles, Soups, Hot Pot, Tea)
3. How do I search recipes? - Navigation menu with clear sections (Home, Menu, About, Reviews, Gallery, Contact)
4. How do I filter recipes? - Categorized menu system with visual icons and descriptions
5. What's today's featured recipe? - Hero section highlighting signature dishes and chef's story
6. How do I know what's popular this season? - Customer testimonials and gallery showcasing popular dishes

• What's the name of the recipe? - Clear menu item titles and descriptions
• Who made the recipes? - Personal story section featuring Eamin as the chef
• How much time will it take? - Contact section with operating hours and student schedule
• What does the recipe look like? - Comprehensive gallery with 18+ high-quality food images
• How do I find healthy recipes? - Menu categories highlighting traditional Chinese cooking methods
• How can I search by ingredients? - Detailed menu descriptions with authentic ingredients

• Hero Section: Large, bold typography with clear value proposition
• Navigation: Consistent header with active section highlighting
• Content Sections: Clear visual separation with proper spacing and typography hierarchy
• Call-to-Action: Prominent "Book a Table" button with hover effects

• Menu Categories: Logical grouping with descriptive icons and clear titles
• Content Organization: Sequential flow from introduction → menu → testimonials → contact
• Information Architecture: Intuitive navigation structure for easy browsing

• Student-Friendly Copy: Conversational tone reflecting the chef's personality
• Clear Descriptions: Simple, accessible language for menu items and services
• Personal Touch: Authentic storytelling that connects with the target audience

• Consistent Design Elements: Unified color scheme and typography throughout
• Visual Grouping: Related content grouped with similar styling and spacing
• Icon Consistency: Cohesive iconography for menu categories and navigation

• Framework: React 18 with TypeScript
• Styling: Tailwind CSS for responsive design
• Animations: GSAP for smooth scroll animations and interactions
• UI Components: Custom component library with shadcn/ui
• Images: Optimized local image assets (19 food photos + chef photo)
• Responsive: Mobile-first design with breakpoints for all devices

1. Hero Section: Eye-catching title image with compelling headline
2. About Section: Personal story of Eamin's culinary journey
3. Menu Grid: Interactive food categories with hover effects
4. Testimonials: Customer reviews carousel with auto-play
5. Gallery: Visual showcase of authentic Chinese dishes
6. Contact: Location, hours, and reservation form

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

The website is deployed on Vercel and available at: [Your Vercel URL]

Eamin's Kitchen
1606 E Hyde Park Blvd
Hyde Park, Chicago, IL 60615
Phone: (773) 555-0123
Email: eamin@uchicago.edu

This project was created by Eamin, a Computer Science student at the University of Chicago, as a demonstration of both technical skills and passion for authentic Chinese cuisine. The website serves as both a restaurant showcase and a portfolio piece.

Built with ❤️ by a UChicago CS student bringing authentic Chinese flavors to the Windy City