Project Title: [DigitalRecipeBook_Food]

Introduction

a digital recipe book app that lets users store, organize, and share their favorite recipes, making cooking more accessible and enjoyable.

Project Type

A Fullstack Project

Deplolyed App

[...]

Directory Structure

null

Video Walkthrough of the project

Attach a very short video walkthough of all of the features [ 1 - 3 minutes ] Link: "..."

Video Walkthrough of the codebase

Attach a very short video walkthough of codebase [ 1 - 5 minutes ] Link: "..."

Features

List out the key features of your application.

1- User Authentication
    Implement a secure login and registration system using email and password. Users can create personal accounts to access and manage their saved recipes.
2- Recipe Creation
    Develop a form that allows users to create and save their recipes, including fields for the recipe name, ingredients, cooking instructions, and cooking time. Ensure that the recipes are stored in a database for retrieval.
3- Recipe Categories
    Allow users to categorize their recipes into predefined groups (e.g., appetizers, main courses, desserts) for easier navigation and organization of their recipe collections.
4- Ingredient Search
    Implement a search feature that enables users to find recipes based on the ingredients they have. Users can enter ingredients, and the app will return relevant recipes that match their query.
5- Photo Uploads
    Enable users to upload photos of their completed dishes alongside their recipes. This feature encourages users to share their cooking successes visually, enhancing the community aspect.
6- filter Recipes
    Provide a feature for users to filter their recipes through a dropdown button, user can locate this button in the nav-Bar menu. This will help users find their recipes specifically.

design decisions or assumptions

List your design desissions & assumptions

Installation & Getting started

Detailed instructions on how to install, configure, and get the project running.

1- clone the repo.
2- open the project in any code editor like(VS Code).
3- create a fireBase project.
4- create a realtime database in your firebase project and connect it through base URL.
5- create a authentication process in your firebase project and connect it with codebase.

Include screenshots as necessary.

null

Credentials

Provide user credentials for autheticated pages

APIs Used

null

API Endpoints

null

Technology Stack

List and provide a brief overview of the technologies used in the project.

• HTML
• CSS
• JavaScript
• Firebase