A modern, responsive restaurant website built with React, designed with a focus on clean layout, usability, and performance. This project is ideal for showcasing a restaurant's brand, menu, and contact details in a stylish and functional way.
Restaurant is a front-end project developed using React. The site provides a clean, professional layout suitable for restaurants or cafés, with a focus on responsiveness and user experience. It includes interactive sections such as a menu display, contact form, and social footer. The project is also a great exercise in component-based architecture and modern styling techniques.
- React – Functional components, JSX, state management
- Tailwind CSS – Utility-first responsive design
- JavaScript – Main programming language
- React Router – For routing and navigation
- React Icons – For scalable vector icons
- ✅ Fully responsive (works on mobile, tablet, and desktop)
- 🔗 Smooth scroll navigation across sections
- 🍽 Menu showcase with images and dish details
- 📬 Contact or reservation section
- 🔻 Footer with social media/contact info
- ⚙️ Modular component-based structure
To run the project locally, follow these steps:
git clone https://github.com/arshia-pourfar/Restaurant.git
cd Restaurant
npm install
npm start
Then open your browser and go to:
http://localhost:3000Restaurant/
├── public/
├── src/
│ ├── components/ # Header, Footer, Menu, Contact, etc.
│ ├── pages/ # Main views
│ ├── data/ # Static data
│ ├── App.js # Main app logic and routes
│ └── index.js # React entry point
└── package.json
Contributions and suggestions are welcome!
- Fork this repository
- Create your branch:
git checkout -b feature/YourFeature - Commit your changes:
git commit -m "Add new feature" - Push to the branch:
git push origin feature/YourFeature - Open a pull request
Arshia Pourfar
🔗 GitHub Profile
💼 LinkedIn
📧 arshiapourfar@gmail.com