Food Recipe Project

Overview

This project is a food recipe application built using React, TypeScript, and Vite. It provides users with a platform to browse, search, and manage various recipes, enhancing their cooking experience.

Technology Stack

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript, providing type safety and better tooling.
• Vite: A fast build tool that provides a modern development experience with Hot Module Replacement (HMR).
• Jest: A software tester that evaluate the functionality of searching recipe add recipes, delete and update recipes.

Features

• Recipe Browsing: Users can view a list of recipes with details.
• Recipe Search: Users can search for recipes using keywords or ingredients.
• Automatic Search: Displays results instantly as users type in the search bar.
• Delete recipes: User can delete recipes.
• Update recipes: User can fill out the form to update recipes.
• Add New Recipes: Users can fill out a form to add their own recipes.
• Persistence: Recipes are stored in Local Storage or Firebase for persistence.
• Search Functionality: Users can search for recipes based on ingredients or recipe names.
• Responsive Design: The application is designed to work on various screen sizes.

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone <repository-url>
   cd food
   npm install
   npm run dev