Skip to content

FALAK097/Luscious

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Luscious Food Recipe Project

Luscious is a Progressive Web Application (PWA) for food recipes, built using React, React Router, Framer Motion, and the Spoonacular API. It allows users to search for recipes, explore detailed recipe information, and browse recipes from multiple cuisines.

Features

  • Search Functionality: Users can search for recipes based on specific keywords or ingredients.
  • Detailed Recipes: Users can view detailed information about each recipe, including ingredients, instructions, and nutritional facts.
  • Multiple Cuisines: The project provides recipes from various cuisines, allowing users to explore different culinary traditions.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • React Router: Library for declarative routing in React applications.
  • Framer Motion: Animation library for adding motion and transitions to React components.
  • Spoonacular API: API for accessing food and recipe-related data.

Installation

  • Clone the repository: git clone https://github.com/FALAK097/Luscious.git

  • Navigate to the project directory: cd luscious

  • Install dependencies: npm install

  • Set up environment variables:

    1. Create the .env file and add your Spoonacular API key.
  • Start the development server: npm start

  • Open your browser and visit http:https://localhost:3000 to see the Luscious Food Recipe Project in action.