food-app-react-tailwind Tailwind Templates

Food App React Tailwind

A Simple food Reactjs web app , using TailwindCSS , Have a filtering option by price($,$$,$$$) and filtering by type ( burger , pizza , salad or chicken ) .

šŸ” food-app-react-tailwind

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.

šŸ“– Description

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 ( $, $$, $$$ ) and by type (burger, pizza, salad, chicken).

✨ Features

  • šŸ“‹ 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.

šŸ› ļø Installation

To get started with the project, follow these steps:

  1. Clone the repository:

    ```bash git clone https://github.com/haneenmohmed/food-app-react-tailwind.git cd food-app-react-tailwind

  2. Install dependencies:

     npm install
    
  3. Start the development server: ```bash 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 - haneenmohmed0@gmail.com

**Project Link: https://github.com/your-username/food-app-react-tailwind.git

Top categories

Loading Svelte Themes