This application helps users find different types of food recipes. It's built with HTML, CSS, and JavaScript.
- Welcome Screen: The app greets users with a welcome message.
- Search Functionality: Users can search for different types of food recipes using the search bar.
- Responsive Design: The app is designed to be responsive and works well on both desktop and mobile devices.
- Interactive Images: Images of the food recipes have a hover effect that slightly enlarges the image and changes the cursor to a pointer, indicating that the image is clickable.
- Meal Details: When a user clicks on a food recipe, they are taken to a new page that displays more details about the meal, including the ingredients and instructions.
- Session Storage: The app uses session storage to store the user's search history. This allows users to see their previous searches when they return to the main page.
- YouTube Links: The app provides links to YouTube videos that show how to prepare the food recipes.
- Search by category: Users can search for food recipes by category.
Netlify: https://meal-application-project.netlify.app/
Database/api used: https://www.themealdb.com/api.php