Cookbook is a quaint grocery store in Los Angeles. Google labels them as "Locally grown produce, organic meats & prepared foods are on offer at this snug grocery.", but I would consider them so much more. It's a place where I go to get excited about food and explore recipes that I'd never even think of.

I wanted to create an app for the Cookbook shopper. The goal is to help them see the latest inventory of products in stores and use that to create a grocery list for their upcoming visit.

This project is created with the following:

• Frontend: React
• Backend: Ruby && ActiveRecord

Launch backend

$ bundle install
$ rake db:migrate
$ rake db:seed
$ bundle exec rake server

Launch frontend

$ npm install
$ npm start

Navigate

localhost:3000/

A simple homepage shows links to the Shopping Page and Grocery List Page. There's also a location finder for the user to get to the store.

• Navigate to respective pages
• Links to Cookbook locations via Google Maps

The Shopping Page shows the entire inventory of products that Cookbook sells. The user can add those items to their grocery list. A few additional features:

• Products separated by food category
• Convenient link to the grocery list
• Search products by name
• Product adds to the grocery list instantly

The user can see their grocery list as they visit the shop. Perfect for a grab-and-go trip.

• Check-off product as you shop in the store
• Delete a product from the grocery list
• Change the quantity of a product
• Tally of the product price and total price

• As a user, I would like to see all the products Cookbook offers in store
• As a user, I would like to see if Cookbook items are in-stock
• As a user, I would like to create a grocery list for my future visit
• As a user, I would like to edit my grocery list

Github: jyk595

Email: [email protected]