Recipe Finder

Recipe Finder is a web application that allows users to search for recipes based on ingredients, cuisine, preparation time, and dietary restrictions. Users can also save their favorite recipes and add new recipes to the database.

Features

• Search recipes by ingredients
• Filter recipes by preparation time, cuisine, and dietary restrictions
• View detailed recipe information including ingredients, procedure, and ratings
• Add new recipes to the database
• Save favorite recipes (requires login)
• User authentication system
• Text-to-speech functionality for recipe procedures

Technologies Used

• HTML
• CSS
• JavaScript
• IndexedDB for client-side storage

Getting Started

1. You can view the live website at: https://npraveen005.github.io/Recipe_Finder/

2. To run the project locally:

   • Clone the repository:

     git clone https://github.com/npraveen005/Recipe_Finder.git
     

   • Open index.html in your web browser to start using the application.

File Structure

• index.html: Main HTML file
• style.css: CSS styles for the application
• script.js: Main JavaScript file handling recipe search and UI interactions
• util.js: Utility functions for creating cards, managing login state, and handling favorites
• login.js: Handles user authentication and login/logout functionality

Usage

1. Search for recipes by selecting ingredients and applying filters.
2. Click on a recipe card to view detailed information.
3. Log in to save favorite recipes and add ratings.
4. Use the "Add Recipe" button to contribute new recipes to the database.