🍽️ FoodHub

A modern and responsive food discovery web application built using React and Vite. FoodHub allows users to browse restaurant collections, explore featured restaurants, and search for restaurants in real time through a clean and intuitive interface.

---

✨ Features

• Responsive and modern UI
• Interactive navigation bar
• Hero section with smooth scrolling
• Popular food categories
• Featured restaurant cards
• Restaurant collections
• Real-time restaurant search
• Responsive footer
• Mobile-friendly design

---

🛠️ Tech Stack

• React
• Vite
• JavaScript (ES6+)
• HTML5
• CSS3
• React Icons

---

📂 Project Structure

foodhub/
│
├── public/
│   ├── categories/
│   ├── collections/
│   └── restaurants/
│
├── src/
│   ├── assets/
│   ├── components/
│   ├── data/
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
│
├── package.json
└── README.md

---

🚀 Installation

Clone the repository:

git clone https://github.com/your-username/foodhub.git

Navigate into the project:

cd foodhub

Install dependencies:

npm install

Start the development server:

npm run dev

---

📸 Screenshots

🏠 Home Page

---

🍽️ Featured Restaurants

---

📚 Collections

---

📄 Footer

💡 Future Improvements

• Restaurant details page
• Favorites functionality
• Authentication
• Backend integration
• Online ordering
• Dark mode