Atelier 
Demo
Atelier (Project Catwalk) is a MVP retail e-commerce client for browsing catalog products with a modern customer experience. This frontend project is built to serve product records from an external API. This was a group project with a group of 4 engineers, each working on one the of the four modules (see Features) over a span of two weeks.
cp config.example.js config.js
npm install
npm run build
npm start # new window- React
- React-Bootstrap
- Styled Components
- Webpack
- Express
- Node.js
- Jest
- React Testing Library
- Google Lighthouse
This project was broken down into four modules: Products Overview, Related/Outfit, Question/Answers, and Rating/Reviews. The entire group worked together to build a minimal Express server forwarding requests to an external (pre-built) products API. There was also collaboration to implement a light/dark theme with dynamic styling.
- View and scroll through product display images.
- See details like ratings, sales price, and available item styles.
- Select a size to be added to the cart.
- Click on a card body to open that product in the overview section.
- Related: see products similar to the product currently displayed in the "overview" modules.
- Related: Click the star button to open the comparison modal.
- Outfit: carousel view for a personal outfit list of saved products
- Outfit: remove or add products to list (stored in browser local storage)
- View/search product questions with feedback
- Submit questions in a pop-up form
- Answer questions in a pop-up form
- Product rating breakdown
- Sort product ratings
- Write your review in a pop-up form
