Savoury is a web application that helps you discover and explore new recipes. Built with a focus on a clean, responsive design and robust functionality, it allows you to search for meals, filter them by category or region, and save your favorites.
- Search for Recipes: Easily find meals by typing a name into the search bar.
- Dynamic Filtering: Refine your search results by selecting meal categories or countries of origin.
- "Feeling Lucky?" Button: Discover a random meal with a single click.
- Interactive UI: Click on any meal to view detailed information, including ingredients, instructions, and a YouTube video link.
- Favorites Feature: Save and view your favorite recipes, which are stored securely in your browser's local storage for future access.
- Responsive Design: A seamless user experience on both mobile devices and desktops.
- Data Caching: The app caches recent search results in local storage, providing faster load times and some offline functionality.
- HTML5: Provides the foundational structure of the application.
- Tailwind CSS: A utility-first CSS framework for rapid and responsive styling.
- Vanilla JavaScript: Powers all of the app's dynamic functionality, including API calls, DOM manipulation, and state management.
- TheMealDB API: A free, open-source API used to fetch meal data.
- Clone the Repository: Download or clone the project files to your local machine.
- Open in Browser: Open the
index.htmlfile in your preferred web browser. No local server is required. - Explore: Use the search bar, filters, or the "Feeling Lucky?" button to start your culinary journey.
This project can be further enhanced with features like:
- User Accounts: Enabling users to save and sync their favorite recipes across different devices.
- Advanced Filtering: Including an ingredient-based search filter.
Author: Faithy Raymond Cohort: Women in DeFi JavaScript 2.0 Tutors: Koxy, AjTech and JayKosai