Skip to content

dhruv-git-sys/Smart-Recipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ Smart Recipe Generator

Find Recipes Instantly Using Your Available Ingredients!

๐Ÿ” Tired of wondering what to cook?
Just enter the ingredients you have, and this app will generate delicious recipes based on what you have!


๐Ÿš€ Features

โœ” Find Recipes Using Available Ingredients
โœ” Veg & Non-Veg Filter ๐ŸŒฑ๐Ÿ—
โœ” View Nutritional Information (Calories, Carbs, Protein) ๐Ÿ“Š
โœ” Dark Mode for a Sleek Look ๐ŸŒ™
โœ” GSAP-Powered Smooth Animations ๐ŸŽญ
โœ” Aceternity UI for a Clean & Modern Design โœจ
โœ” 3D Effects Using three.js & gsap.js ๐ŸŽจ


๐Ÿ› ๏ธ Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Animations: GSAP, Three.js
  • UI Library: Aceternity UI
  • API: Spoonacular (for recipes & nutrition info)

๐Ÿ“ฆ Installation & Setup

1๏ธโƒฃ Clone the Repository

git clone https://github.com/your-username/smart-recipe-generator.git
cd smart-recipe-generator```

2๏ธโƒฃ Get API Key

  • Sign up on Spoonacular
  • Generate your API Key
  • Replace "YOUR_SPOONACULAR_API_KEY" in script.js

3๏ธโƒฃ Run the Project

Simply open index.html in your browser! ๐Ÿš€


๐ŸŽฎ How to Use?

1๏ธโƒฃ Enter Ingredients (comma-separated)
2๏ธโƒฃ Select Veg/Non-Veg from the dropdown
3๏ธโƒฃ Click "Search Recipes" ๐Ÿฝ๏ธ
4๏ธโƒฃ View Recipe List & Click for Details
5๏ธโƒฃ Toggle "Show Nutrition" ๐Ÿ“Š
6๏ธโƒฃ Enable Dark Mode for a Sleek Look ๐ŸŒ™


๐Ÿ“Œ Upcoming Features

๐Ÿš€ Save Favorite Recipes
๐Ÿ“ฑ Mobile-Friendly UI
๐Ÿ”Š Voice Command for Recipe Search
๐ŸŒŽ Multi-Language Support


๐Ÿค Contributing

Want to improve this project? Feel free to fork, clone & contribute!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published