Table of Contents
Atelier is a desktop and mobile friendly app utilizing React and Express that enables users to browse through a collection of over 15 million products, add them to their outfits, read through a robust Q&A section, peruse the products ratings and reviews, and add products to their cart.
This repo is meant to highlight my personal part of the project. The main project repo can be found here.
The project was then connected to my own backend, which can be found here.
- Rating and reviews feature
- Setup of the environment - Webpack config, Babel
- Deployment on AWS EC2
Goal: Create a seamless UI for the product & reviews section of an e-commerce landing page.
The challenges for this project revolved around creating reusable components to keep code quantity low while maintaining high code quality. Some of the reused components included - star ratings (to visualize overall ratings), bar ratings (to visualize bar ratings), characteristic forms, etc.
Another challenge was to create an infinite scrolling feature, which i created and optimized using a custom throttle hook. The throttle hook reduced the 'infinite' nature of this feature, reducing total calculations by 98%.
- Fork repo from project repo
- Reinstall dependencies/remove code that isn't mine
- Refactor utility functions to connect to my own server
- Refactor and optimize code