Skip to content

moCtoDnozamA/moctodnozama

Repository files navigation

moCtoDnozamA Client

This repository is for the front end client of a team built full-stack javascript application. It features Nozama, a mock e-commerce app. The client relies heavily on Javascript in order to make a seamless representation of browsing for items, adding an item to a cart, checking out (utilizing a third party API 'Stripe'), and looking at previous order history.

TECHNOLOGIES IN USE

  • JavaScript
  • Express.js
  • Node.js
  • MongoDB
  • Mongoose
  • AJAX
  • jQuery
  • Handlebars
  • CSS/Bootstrap
  • HTML5

PLANNING & DEVELOPMENT

We made initial wireframes and an ERD for our prompt. We tried several different approaches when creating our API. The first attempt, we found that we had a lot of nested data that was difficult to mentally parse, and decided to scrap the whole idea and create four models reflecting each part of our website. It taught us a lot about what /not/ to do, which in turn allowed us to learn from our mistakes and ultimately improve our skeletal design.

WIREFRAMES & USER STORIES

  • As an unregistered user, I would like to sign up with email and password.
  • As a registered user, I would like to sign in with email and password.
  • As a signed in user, I would like to change password.
  • As a signed in user, I would like to sign out.
  • As an unregistered user, I would like to see all of Nozama's products.
  • As a signed in user, I would like to add and remove products from a shopping cart.
  • As a signed in user, I would like to purchase products in a shopping cart using Stripe.
  • As a signed in user, I would like to see all my past orders.

Link to Wireframes

Link to ERD

UNSOLVED PROBLEMS

Clean up code. Add test card number into side bar. Edit card divs to be equal size.

LINKS

Back End Repo

Front End Repo

Deployed Front End

Deployed Heroku

TEAM

Carlo Jacob

Jason Zhang

Jenny Northcott