Project Catwalk

Hackreactor Frontend Capstone Project

---

Tech Stack

React

• We utilized React Context and Hooks in order to dynamically render data fetched from a third-party API as a single-page application.

Node.js

• Node was used as our javascript runtime environment.

Express

• Express framework was used to simplify using our node implementation, to run authentication and direct routes to Atelier API.

Vite.js

• We utilized vite as a bundler to optimize efficiency and transpile our web app.

Circle CI

• Circle CI was used for continuous integration.

AWS

• We utilized AWS as our cloud server which allowed for convenient deployment of our web app.

To run development:

1. install dependencies

npm install

npm run dev

npm run devVite

Vite server is at localhost:3000
Node server is at localhost:3001

Create a config.js using the format of config.example.js with your github api token in the root directory
Create a filestack.config.js based off the format of filestack.config.example.js located in src/Components/Reviews and add in a filestack api token

To run prod:

Create bundle with:

npm run build

Then run in two screens:

npm run prod:node

npm run prod:vite

Widget Owners:

Product Overview : Developed By Lenora Esquenazi
Related Products: Developed by Cora Durham
Questions & Answers: Developed by Matthew Boyle
Reviews : Developed by Jesus Gonzales