Forever 31 - An E-Commerce Retail Storefront

Overview:

Build a dynamic store front for a clothing retail company. This app needed to display product information, related products, questions & answers, as well as ratings & reviews. The app would need to dynamically render all data to allow for the best customer experience.

Process:

With a team of 4 we split responsibilities to each take on a specific component of this web app. Over the course of a week we went about planning, implementing, and testing our front end experience.

Tech Stack

Front End: React and Axios

Server: Node and Express

Deployment: AWS EC2 - 20.04 Ubuntu - 8gb SDD 1gb RAM

Unit Testing: Jest and React Testing Library

Features

• Light/dark mode toggle

• Live previews

• Responsive image and product carousels

• Persistent local data storage for a user

• Ability to leave ratings, reviews, questions, and answers

  Color Reference

Color	Hex
Dark Jungle Green	#000f08
Outer Space Crayola	#1c3738
Shadow Blue	#7589a3
Honeydew	#00d1a0
Mint Cream	#dff8eb

Config Variables

To run this project, you will need to copy the example.config.js file located in the lib folder and provide a Github token.

GIT_TOKEN

Run Locally

Clone the project

  git clone https://github.com/cjohansen11/Forever31-e-commerce-app.git

Go to the project directory

  cd Forever31-e-commerce-app

Install dependencies

  npm install

Build JS Bundle

  npm run build

Start the server

  npm run start

Running Tests

To run tests, run the following command

  npm run test

Screenshots

Authors

• @cjohansen11
• @alec0315
• @rubber-bird
• @erfez