Mello

This app is an e-commerce site where users can purchase two types of clothing items. Additionally, users that are authenticated as Admins can update the database of products.

Register & Login System

  • Users can be Customers or Admin.
  • Admin can edit, add, and delete products from database.

User Experience

  • Customers can view all products or filter by category.
  • Customers can add an item to the cart from the storefront or from the product detail page.
  • The cart contents can be viewed from the dropdown navbar. From here a user can delete items, view subtotal, and go to checkout.
  • Cart product quantity can be set when adding item to the cart and updated in the cart screen.
  • Upon checkout the customer will be directed to the Stripe checkout page.

Backend

  • Node.js
  • Express
  • Mongoose
  • Json Web Token (For authentication)

Frontend

  • React
  • Redux (Manage app state)
  • React-router (To handle routing)
  • Axios (For http requests)
  • React Bootstrap

Planned Improvements

  • Allow admin accounts to create admin accounts.
  • Add product rating system.
  • Access order detail from Stripe.
  • Add features to customer accounts.