Project Atelier - Starkfront

Overview

Starkfront is an e-commerce project built from scratch that was developed as a group as part of Hack Reactor's front-end capstone project. The main goal of the project was to create a single page application tailored to business client specifications that dynamically render product information obtained from a third party API. The project consists of four main sections: product detail overview, related items and comparison, questions and answers, and ratings and reviews.

Technology

To strengthen and emphasize on front-end concepts, we focused on using functional React components utilizing hooks. We avoided using frameworks like Bootstrap and Material UI and instead used CSS Styled Components to design our application. The application was then deployed on AWS EC2 following satisfaction of business requirements.

Team

Nathaniel Belen

Product Detail Overview

Julian Tam

Related Items and Comparison

Kimberly Siu

Questions and Answers

Patrick Lee

Ratings and Reviews

To run the app:

• git clone https://github.com/Stark-Direwolves/Starkfront.git to clone repository
• create a .env file in the root directory using the .env.example file
  • replace GIT_AUTH_KEY with token that contains sufficient privileges
• npm install to install packages
• npm run react:prod to compile bundle.js
• npm run server to start Node server
• navigate to http://localhost:PORT (PORT within .env file)

Stack

Front End

Server

Bundling

Deployment

Testing