Welcome to Restro, a responsive and visually elegant restaurant-themed website built using React and React Router DOM. This project showcases a modern front-end UI with smooth navigation, stylish design, and placeholder features like "Coming Soon" pages.
- Navbar with Routing – Fixed, responsive navbar using
react-router-dom. - Menu Page – Beautifully designed grid of 12 dishes with images and pricing.
- Contact Us Page – Includes contact info, and social media follow section.
- Services Page – grid layout showing premium services with images.
- Bookings & Coupons – Dedicated pages with "Coming Soon" messages.
- Cart Button – Added to each menu item (functionality optional).
- Footer – Contact info, quick links, branding, and social media icons.
- Frontend: React.js
- Routing: React Router DOM
- Styling: Custom CSS
- Icons: Flaticon & Public URLs
src/
│
├── components/
│ ├── Navbar.jsx
│ ├── TopPicks.jsx
│ ├── Menu.jsx
│ ├── Contact.jsx
│ ├── Services.jsx
│ ├── Bookings.jsx
│ ├── Coupons.jsx
│ ├── Review.jsx
│ ├── Footer.jsx
│ ├── *.css
│
├── App.js
├── index.js
-
Clone the repository
git clone https://github.com/tanushbhootra576/restro.git cd restrolux -
Install dependencies
npm install
-
Run the app
npm start
-
Visit
http://localhost:3000in your browser 🎉
Feel free to fork this project, make enhancements, and open pull requests!