Skip to content

Latest commit

 

History

22 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Inspired by Sarah Banh's Blog

https://www.provecho.bio/@groovyfoodiess

The purpose of this project was to strengthen my previous knowledge and practices with React, enhance the performance of the website with different React hooks, and to learn how to set up user authentication with session

User Experience

Login/Account Creation

Viewing the Recipe

Admin Expirence

Editing Recipes

Learned

  • Various Native React Hooks
    • Router
    • useContext
    • useReducer
    • lazy/Suspence
  • User Login with Hashed Passwords
  • Google Drive API to Store Images
  • More Efficient Folder Structure
  • Dynamic Pages

Future Implementations/Improvements

  • User Reviews and Comments
  • Recipe Searchbar
  • Needed Tool or Appliances for Recipes
  • Changing of Serving Size
  • Cleaner UI
  • Using useReducer instead of multiple states componets
  • MORE RECIPES
  • Transparent Backgrounds for images

Known Issues

  • When creating a new ingredient, the image comes up as null, despite refrencing to the correct Google Drive URL. But after sometime, it correctly displays

About

Recipe Blog that utilizes React, Node.js Express, and MongoDB

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages