Project Overview

Full Stack Coffee Co.

URL

Full Stack Coffee Co.

Project Overview

Full Stack Coffee Co. is a an online e-commerce distributor of coffee machines for the home barista. It is built using React.js on the front-end and Express/MongoDB on the back-end. Users can sign up and log in to add or edit their favorite coffee tools. The home screen features a carousel of coffee-related images and a list of brands. The products screen lists inventory items with links to more details about each product.

Wireframes

Full Stack Coffee Co. Wireframes

Github Project Page

Github Project Page

Schema

const Product = new Schema
{
    name: { type: String, required: true },
    price: { type: String, required: true },
    imgURL: { type: String, required: true },
    description: { type: String, required: true }

}

const User = new Schema
  {
    username: { type: String, required: true },
    email: { type: String, required: true },
    password_digest: { type: String, required: true }
  }

Whimsical Diagram

Link to whimsical diagram

Team Expectations

Team Expectations

MVP/PostMVP

MVP

• React App with understandable file structure and full CRUD
• Structure website(jsx) in a clean and readable fashion
• Style website(CSS) using flex-box and grid
• Create an API using Express
• Utilize a MongoDB database to store products in the back-end
• Create an authentication feature for the site
• Make all links and buttons clickable with DRY code

PostMVP

• Add a shopping cart feature
• Create a 'popular items' carousel
• Additional page for coffee beans
• Produce a separate page for brew-method instructions
• Allow users to leave a review and give feedback
• Make buttons that link to popular brand websites

Comments

Paul Moschetti Molly Exten Dylan Ross Justin Knuth