Skip to content

Latest commit

 

History

History
34 lines (23 loc) · 1.6 KB

README.md

File metadata and controls

34 lines (23 loc) · 1.6 KB
Raw

Recipe Finder App

This is a Recipe Finder web application built with React.js and Vite. It allows users to search for various recipes based on ingredients or dish names.

Features

  • Search Recipes: Users can search for recipes using keywords like dish names or ingredients.
  • View Recipe Details: Detailed information about each recipe, including ingredients and instructions.
  • Context API: Utilizes React Context for state management, ensuring data flow across components.
  • React Hooks: Employs hooks like useState, useEffect for managing component state and lifecycle.

Technologies Used

  • React.js: Front-end library for building the user interface.
  • Vite: Build tool that provides a faster development environment for React apps.
  • Context API: For managing global state and sharing data across components.
  • React Hooks: Used for state management and lifecycle methods.
  • API: Integrated with a third-party API to fetch recipe data (mention the API service or URL).

Installation

  1. Clone this repository: git clone https://github.com/your-username/recipe-finder.git
  2. Navigate to the project directory: cd recipe-finder
  3. Install dependencies: npm install

Usage

  1. Get your API key from [API Provider] and replace YOUR_API_KEY in the code with your actual key.
  2. Start the application: npm run dev
  3. Open your browser and navigate to http://localhost:5173 to view the app.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or create a pull request.