Joel

NutriMate App Demo

View Code

Built with:

App Features:

  1. 1) Users able to search for recipes by ingredients, types, cuisines etc.
  2. 2) User is able to save favourite recipes and view them in saved recipes page.
  3. 3) User is able to view recipe details and award recipe stars
  4. 4) User is able to share recipes via social media eg Twitter, Facebook, Whatsapp etc
  5. 5) My Feed page shows a list of randomized recipes for the users.

Challenges:

  1. 1) Encountered problem due to batch updates in React where search results showed the previous search instead of current.
  2. 2) Merging branches of group members together broke some code.
  3. 3) Ran into a CORS restriction error which prevented our frontend from calling Spoontacular api.

What I would do differently:

  1. 1) Use UseContext hooks instead of solely useState hooks to manage state within app.
  2. 2) Improve the UI and UX of the app, ie the colour scheme and make the navbar prettier.
  3. 3) Refactor the code and add in comments for group mates to look at easier.