jenniferxsj / commercesite

Class project for CS5610

Commerce Website

Authors: Shujun Xiao (Jennifer) and Matthew Vargas

Project Deployment Link: https://commerce-site-web-dev.herokuapp.com/

Class:

CS 5610 Web Development Fall 2021

Project Objective:

The objective of this project was to integrate React in addition to using Node.js, Express.js, and MongoDB, creating a complete, full stack, application.
We decided to build a commerce website, where users can find products to purchase, add them to their cart, and checkout.

Project Work Distribution:

Matthew: Setup the project. Login, all product, and product detail page and their related logic. Deploy the website to the heroku.

Jennifer: Setup the database. Home page, registration page and the cart page implementation and their related logic.

Project Slides:

https://docs.google.com/presentation/d/1laU7D9sQL5PTo2f-28m8OLZW-JyDFms_SpUIWAIev78/edit?usp=sharing

Project Video:

Project Images:

Google Drive to Screenshots

Build Dependencies and Instructions

• Yarn -> project build with Express generator as well as using the React build app instructions
• Be sure to check if yarn is up to date and upgraded
• prettier, eslint-config-prettier, express, session, bcrypt, dotenv, mongoDB.

REFERENCES

The images and product information used in the project are all from the commercial website: https://www.petsmart.ca/

Other images sources are as followed:

• pet-stuff
• pet-stuff2
• pet-stuff3