Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j3wlius/dishup
DishUp is a recipe finder website that tantalizes your taste buds and simplifies your cooking experience. Built with the power of React and styled with Sass, it offers a visually appealing & user-friendly platform to search for delectable meals based on your ingredients & preferences.
https://github.com/j3wlius/dishup
api dark-mode edamam-api light-mode reactjs recipe-website responsive sass sass-framework
Last synced: about 1 month ago
JSON representation
DishUp is a recipe finder website that tantalizes your taste buds and simplifies your cooking experience. Built with the power of React and styled with Sass, it offers a visually appealing & user-friendly platform to search for delectable meals based on your ingredients & preferences.
- Host: GitHub
- URL: https://github.com/j3wlius/dishup
- Owner: j3wlius
- Created: 2024-06-04T10:38:35.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-05T15:49:56.000Z (8 months ago)
- Last Synced: 2024-12-19T00:41:11.067Z (about 1 month ago)
- Topics: api, dark-mode, edamam-api, light-mode, reactjs, recipe-website, responsive, sass, sass-framework
- Language: JavaScript
- Homepage: https://dishup.onrender.com
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DishUp ️: Your One-Stop Recipe Finder
Tired of staring blankly at your pantry, wondering what to cook?
DishUp is your savior! It's a recipe finder website that helps you discover delicious meals based on the ingredients you already have on hand. No more last-minute grocery runs – DishUp sparks culinary creativity using the ingredients you own.
## Get Cooking in Minutes!
- Fire Up DishUp: Clone the repository, install dependencies, and start the development server (see Getting Started below).
- Search by Ingredient: Type in what you have (e.g., chicken, broccoli, carrots) and let DishUp unleash a world of possibilities.
- Filter by Preference: Craving Italian? Vegetarian? No problem! DishUp lets you refine your search based on dietary needs and cuisine.
- Dive into Deliciousness: Explore detailed recipe instructions, ingredient lists, and even preparation times.
## Getting Started
- DishUp is a breeze to set up locally. Make sure you have Node.js (version 14 or later) and npm (Node Package Manager) installed on your system.
## Here's the Recipe for Success:
- Clone the Repository:
``` git clone https://github.com/your-username/dishup.git ```
- Navigate to Your Kitchen (Project Directory):
` cd dishup `
- Install the Ingredients (Dependencies):
` npm install # or yarn install `
- Start Cooking (Development Server):
` npm start # or yarn start `
- This will open DishUp in your browser, usually at http://localhost:3000/. Now you're ready to explore a world of culinary creations!
## See DishUp in Action (Live Site):
Get a sneak peek at DishUp's functionality here: [DishUp](dishup.onrender.com)
## Built With Love (and Code):
- [Edaman](https://www.edamam.com/)
- [REACT](https://react.dev/)
### Feeling Generous? Contribute to the Feast!
I would love collaboration if you'd like to add a pinch of your expertise to DishUp.
## Contact Me (I'm Hungry for Feedback):
For any questions or suggestions, feel free to reach out to [email protected] or create an issue on the project's GitHub repository.
Happy Cooking!