Overview: The “Green Bites” web application helps users discover, and share healthy recipes. It features a user-friendly interface for browsing recipes, a secure login system, and a backend for storing user and recipe data.
Flow chart:
Setup: • Clone the repository git clone https://github.com/EtharJur/webproject.git cd webproject • Open the web Open mainpage.html in a browser to access the homepage and navigate to the recipes.
Technology used: • HTML: For structuring the content of the web pages. • CSS: For styling and designing the layout. • JavaScript: For navigation or interactivity, if included.
Goals:
- Display a variety of healthy recipes in an organized and user-friendly format.
- Provide easy navigation between recipe categories and individual recipe pages.
Features:
- Add more recipes and categories to expand the library.
- Improve responsiveness to ensure a better user experience on mobile devices.
- Enhance visuals with images and animations for a more engaging interface.
Future work: • Add categories for recipes (e.g., breakfast, lunch, dinner). • Enable search functionality to find recipes by ingredient or name.
Screenshots: login page:
signup page:
main page:
salads page:
juices page:
about us:
some search results:
log out:
resources: 1- https://github.com/RaddyTheBrand/Notes-NodeJs-CRUD-MongoDB 2- https://mongodb.github.io/node-mongodb-native/3.6/tutorials/connect/ 3- https://github.com/gyrocode/jquery-datatables-alphabetSearch