This is a front-end web app for a mock online clothing store, providing a similar customer experience as any modern, big name online store.
- Bala Sathiya
- Ben Tanaka
- Drew Henderson
- Gabi Olarte
This Component consists of the following:
- A scrollable carousel that shows all the realted items for the selected product
- Clickable Cards that show the relavant product information, the onclick handler changes the selected product and scrolls the user to the top
- A star that, when hovering opens a modal that compares the related item to the currently selected item
- A scrollable carousel that shows all the products in the users outfit
- Clickable Cards that show the relavant product information, the onclick handler changes the selected product and scrolls the user to the top
- An initial card that, when clicked adds the selected product to the users outfit, being retained in local Storage
- A cross in the top right that, when clicked, removes the product from the users oufit.
- Display of the product's average rating and further breakdown by count of reviews for each star 1-5 and average characteristic ratings
- Clickable starbars which filter the list. Each is additive and may be removed one at a time or all at once to unfilter the list
- Filterable and sortable list of reviews. Each review has functionality to enlarge any images present in modal view and mark review as helpful
- Allows customers to submit new reviews and contains form validation requiring certain fields to be entered and review body to be at least 50 characters. Customers may attach up to 5 photos, which go through a Cloudinary API to store on the cloud and generate a URL, which then gets saved in a separate backend service which services all other data needs.
An nvmrc file is included if using nvm.
- Node 6.13.0
- etc
From within the root directory:
npm install