Meal Magic is a React.js application styled with Tailwind CSS that fetches meals from the MealDB API and displays them. The application includes features such as meal search, random meal generation, and groupings by meal category and location. It uses react-router-dom for routing.
Check out the live demo of the application here.
- Search Meals: Search for meals by name.
- Random Meal: Generate and display a random meal.
- Categories: Browse meals by category.
- Locations: Browse meals by location.
- Meal Details: View detailed information about a specific meal.
React.js: A JavaScript library for building user interfaces. Tailwind CSS: A utility-first CSS framework for styling. React Router: A library for routing in React applications. MealDB API: An API providing meal data.
This application fetches data from the MealDB's API. You can find more information about the API here.
- Clone the repo:
git clone https://github.com/annan-dejene/Meal-Magic.git
cd meal-magic- Install dependencies:
npm install- Start the dev server:
npm run dev