Skip to content

SumitSharma2000/Recipe-By-Sumit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recipe Management App

Overview-This is a recipe management web application built using React.js. It allows users to search for recipes, view details of each recipe, and save their favorite recipes for future reference. The application utilizes the Spoonacular API to retrieve recipe data.

Features----------------------------------------------------

Recipe Search: Users can search for recipes by entering keywords or specific ingredients.

Recipe Details: Users can view detailed information about each recipe, including ingredients, instructions, and nutritional information.

Favorite Recipes: Users can save their favorite recipes to their profile for easy access.

Responsive Design: The application is designed to be responsive and accessible on various devices, including desktops, tablets, and mobile phones.

Installation-------------------------------------------------

To run the application locally, follow these steps:

1.Clone the repository: Copy code- git clone https://github.com/SumitSharma2000/Recipe-By-Sumit

2.Navigate to the project directory: Copy code- cd recipe-management-app

3.Install dependencies: Copy code- npm install

4.Create a .env file in the root directory and add your Spoonacular API key: Copy code - REACT_APP_SPOONACULAR_API_KEY=your-api-key

5.Start the development server: Copy code - npm start

6.Open your web browser and navigate to http://localhost:3000 to view the application.

Technologies Used--------------------------------------------------

React.js: Frontend JavaScript library for building user interfaces.

Spoonacular API: API for retrieving recipe data, including ingredients, instructions, and nutritional information.

Future Improvements:------------------------------------------------------------------

User Authentication: Implement user authentication and user profiles to allow users to save and access their favorite recipes across devices.

Advanced Search Filters: Add more advanced search filters, such as dietary restrictions, cuisine types, and cooking time.

Recipe Recommendations: Provide personalized recipe recommendations based on user preferences and browsing history.

Offline Support: Implement offline support using service workers to allow users to access saved recipes even when offline.

Contributing------------------------------------------------------------------------

Contributions are welcome! If you have any ideas for new features or improvements, please open an issue or submit a pull request.

Acknowledgements-----------------------------------------------------

Spoonacular: Thanks to Spoonacular for providing the API used in this project.

React.js Community: Thanks to the React.js community for their helpful resources and documentation.

Screenshot (60) Screenshot (61) Screenshot (62) Screenshot (64) Screenshot (65) Screenshot (74)

About

Recipe Master is a cutting-edge recipe application built with React.js, hooks, and the Context API. Discover personalized recipe recommendations, interactive cooking experiences, and customizable profiles to elevate your culinary journey.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors