- Food Villa is a web application build using React, Tailwind CSS, Redux Toolkit, and React Router DOM.
- The project fetches data from the MealDB API to provide users with a wide variety of meals.
- The application features dynamic routing and a cart functionality that allows users to add ingredients to their cart.
- To see project in action, visit https://foodvilla-by-vaibhav.netlify.app/
To run the Food Villa project locally on your machine, follow the steps below:
- Clone the repository to your local machine.
- Install the required dependancies using npm or yarn.
- Start the development server.
- Fetch data from the MealDB API to display a wide variety of meals.
- Utilize dynamic routing to navigate to individual meal details.
- Implement a cart functionality using Redux Toolkit, allowing users to add ingredients to their cart.
- Employ code chunking or code splitting to optimize application performance.
The Food Villa project utilizes the following technologies:
- React: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Redux Toolkit: A toolset for efficient Redux development, including simplified state management.
- React Router DOM: A library for declarative routing in React applications. MealDB API: An external API providing meal data for the application.