Visit the site here.
This is a grocery list and recipe making webapp created - for desktop and mobile screen sizes - that encourages recipe sharing within a community!
I had a lot of fun putting this little pet project together. My goal with this was to consider usability design while practicing JS, react and applying material design. The current state of this webapp is still very much in an 'mvp' state, but I am pretty happy with where it is and intend to continue building functionality out further.
Hope you have fun poking around in this webapp I call Grocery! (I know, it needs a better name)
##Features list:
- Create your own grocery list and bring it to the grocery store!
- Scroll through a community list of prepared recipes
- Does a recipe look good? Quickly add its ingredients to your grocery list with a single button press
- Create your own recipe, tag it as breakfast, lunch, dinner, or desert, add ingredients, and share it with a community!
- Add a recipe that sounds good to your favourites list
##Some key technology used:
- HTML/CSS/Javascript
- React
- Material UI
- Responsive design
- Google Firebase & their hosting service
- Sign-in authentication
- NoSQL (via Firebase)
- ESLint