A simple ReactJS web application that allows users to explore a variety of food items with an interactive side navbar. The app includes filtering options based on price and type of food. The design is styled using TailwindCSS.
This project is a simple web application that showcases a list of food items. Users can interact with a hamburger menu (side navbar) .in the web app we filter food items by price (
- 📋 Interactive side navbar (hamburger menu) for easy navigation.
- 💵 Filter food items by price (
$, $ $, $$$ ). - 🍔 Filter food items by type (burger, pizza, salad, chicken).
- 📱 Responsive design using TailwindCSS.
To get started with the project, follow these steps:
-
Clone the repository:
git clone https://github.com/haneenmohmed/food-app-react-tailwind.git cd food-app-react-tailwind
-
Install dependencies:
npm install
-
Start the development server:
npm start
🚀 Usage : After completing the installation steps, you can start the development server and use the application: npm start Navigate to http://localhost:3000 in your web browser to view the application.
🤝 Contributing : Contributions are welcome! Please feel free to submit a pull request or open an issue if you have any suggestions or improvements.
📜 License: This project is licensed under the MIT License - see the LICENSE file for details.
📬 Contact: Haneen Mohmed - [email protected]
**Project Link: https://github.com/your-username/food-app-react-tailwind.git