Welcome to the Meals App! This is a React-based web application that allows users to search for meals and recipes from an extensive database. Whether you're looking for inspiration for your next meal or searching for a specific recipe, the Meals App has got you covered.
- Search by Meal Name: Easily search for meals by their names.
- Browse by Letter: Explore meals categorized by their alpahbets.
- Smooth Loading: Enjoy a seamless user experience with smooth loading indicators.
- Responsive Design: Fully responsive design ensures a great experience on both desktop and mobile devices.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- React Router: Declarative routing for React applications.
- Vite: A fast build tool and development server for modern web projects.
- TheMealDB API: An open API providing meal and recipe data.
-
Clone the repository:
git clone https://github.com/kaleb110/meals-app.git cd meals-app -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production:
npm run build
Check out the live demo of the Meals App here.
The Meals App uses the TheMealDB API to fetch meal and recipe data. Visit their documentation to learn more about the available endpoints and data structure.
Contributions are welcome! If you have any ideas, suggestions, or issues, please open an issue or submit a pull request.
If you have any questions or want to reach out, feel free to contact me at kalisha123k@gmail.com.
Thank you for checking out the Meals App! I hope you find it useful and enjoyable. Happy cooking! 🍳