DishHub is an application designed for searching and saving recipes. It has been developed using HTML5, CSS3, and JavaScript, incorporating an intuitive user interface and the ability to dynamically adjust serving sizes. The app utilizes advanced JavaScript concepts, including asynchronous programming, ES6 modules, and object-oriented programming, to deliver a rich and interactive experience.
- Search for recipes by name or ingredients
- View recipe details: See ingredients, cooking instructions, and serving size.
- Save recipes for later: Bookmark your favorite recipes to revisit them anytime.
- Add your own recipes
- Responsive design
Check out the live demo of DishHub here.
Caption: Screenshot of the DishHub homepage showcasing recipes.
- JavaScript
- CSS
- HTML
- Parcel
- NPM
- Clone the repository:
git clone https://github.com/Yakine7/DishHub.git
- Install the dependencies:
npm install
-
Start the development server: npm start
-
Open your web browser and visit
http://localhost:1234to access DishHub.
Contributions are welcome! If you would like to contribute to DishHub, please follow these steps:
- Fork the repository.
- Create a new branch.
- Implement your changes and commit them.
- Push your changes to your forked repository.
- Submit a pull request.
This project is licensed under the MIT License.
If you have any questions or suggestions, feel free to reach out to me.
Happy cooking with DishHub!