⭐️ Don't forget to give the project a star if you liked it!
Taste the Extraordinary. A modern, aesthetically pleasing food delivery interface designed for seamless user experience. Browse categories, discover signature dishes, and order fresh meals instantly.
FlavorDesk is a premium frontend web application built for food delivery and restaurant discovery. Developed with React and Tailwind CSS, it features a warm, appetizing UI/UX that highlights high-quality food photography. The application includes dynamic category browsing, a signature dish showcase, and a fully responsive layout that looks delicious on any device.
|
Interactive grids showcasing signature dishes like Fattoush Salad and Chicken Karahi with price and portion details. |
Mobile-first design ensuring a smooth ordering experience across phones, tablets, and desktops. |
Integrated search functionality allowing users to quickly find specific meals, categories, or ingredients. |
|
Intuitive iconography for filtering by Pizza, Burgers, Asian, Healthy, and more. |
A sophisticated "Cream & Brown" color palette with glassmorphism elements and smooth hover effects. |
Functionality for users to "heart" their favorite dishes and add items to their cart seamlessly. |
Follow these steps to set up the project locally on your machine.
-
Clone the repo
git clone https://github.com/yourusername/flavordesk.git cd flavordesk -
Install Dependencies
npm install
-
Run the project Start the local development server:
npm run dev
.
├── 📁 public/ # Static assets (favicons, manifest)
├── 📁 src/
│ ├── 📁 assets/ # Food images and logos
│ ├── 📁 components/ # Reusable UI components (Cards, Navbar)
│ ├── 📁 pages/ # Main route pages (Home, Menu, Contact)
│ ├── 📁 data/ # Mock data for dishes and categories
│ ├── 📄 App.jsx # Main application component
│ └── 📄 main.jsx # Entry point
├── 📄 index.html # HTML template
├── 📄 tailwind.config.js # Tailwind customization
└── 📄 package.json # Project dependencies