Healthy_Home_Cook

Healthy Home Cook is a website that allows users to filter for recipes according to their nutritional needs. Users can choose up to three nutrients they want to include in the cuisine, and the Healthy Home Cook web application will show up all potential recipes allowing users to pick.


Healthy_Home_Cook Information

Implemented

  • [x] Allow users to search for recipes according to nutrients they are lacking.
  • [x] Display recipes basic information to look up.
  • [x] Users can unselect the nutrient, by reclick the nutrient button. User can always go to the home page if they click the header.

Extra

  • [ ] Show recipes detailed instructions in a pop-up window if users click on the recipe flash card they are interested in.
  • [ ] Add a user login interface with Firebase.
  • [ ] Create a filter system that ranks the recipes found according to the user's preferences (popularity, calorie count, etc.).
  • [ ] Filter system also includes the option to toggle certain options on and off (vegan, vegetarian, gluten-free, etc.).
  • [ ] Construct a feature next to each recipe that the user can interact with as a "like" button.
  • [ ] Allow the user to input ailments/illnesses/conditions that the user may have.

Tech Stacks

Front End

  • React - Open source JavaScript library for UI for website application.
  • Figma - Design platform for preliminary website design and CSS programming.

Back End

Website Walkthrough



Built With

Share this project:

Updates