Project Description This product page includes Product Overview, Related Products, and Question & Answers modules. Stylistically, we took inspiration from Nordstrom, Adidas, and a website featured on dribbble.com. The project took approximately three weeks to complete. During the first week, we planned out the technologies, structure, and git workflow of our application. During the second week, we built out the functionality using React and nodejs. Finally, we added styles using CSS to make our page shine.
Product Overview - Sam - description - challenges - accomplishments
Related Products - Jeffrey
Questions & Answers - Ronny
Installation
- copy the config.example.js, rename to config.js, add you github token
- fill your aws s3 bucket info into the example.env file
- Run the following commands
- npm install
- npm run react-pro
- npm run server-dev
App Stats
Best Practices - 100 Performance - 93 Accessibility - 83 Test Coverage - 63%
Screenshots
Product Overview
Related Products
Questions & Answers
Technologies Used
Package Manager - npm Version - ES6
Front-end
- Asset compilation + loading - Webpack + Nodemon + Axios
- Front-end MVC - React
- Data Store - React Hooks
- CSS Frameworks - CSS modules and stylesheets
Server
- ExpressJS + Axios
Testing
- Jest/Enzyme
- circleci
Deployment
- AWS EC2
Performance and Analytics
- Chrome devtools Lighthouse
Photo Uploads
- AWS S3