Skip to content

pyc0422/Atelier-frontend

 
 

Repository files navigation

front-end-capstone

This is a web application that uses the Atelier API to provide customers with a user friendly interface. The user interface provides relevant information about a product in the Atelier retail catalog. It features the product's details, ratings and reviews, and a related questions and answers section.

Product Detail Page

Show the relevant information for a single product in the catalog.
Contains 4 modules:

  • Product Overview Module - Huan Tran

  • Ratings & Reviews Module - Yuchen Pan

  • Questions & Answers Module - Vivienne Weilacker

  • Related Items & Outfit Creation Module - Cameron Hirsh

    Screen Recording 2023-03-09 at 2 08 02 PM 2

I'm working on Rating&Reviews Module. This module contains 2 parts. Left side is rating breakdown ans product breakdown, Right part is the reviews list.

  • The rating and reviews module detail review

    Screen Shot 2022-10-20 at 12 38 21 PM
  • The sorting and filtering reviews depends on rating, sorting method and searching key works.

    9C7482FA-F928-4A9A-8D02-D71DE6E40748 2

  • Click the add a new review button will trigger a popup window to add a new review with mandatory fields. If the user doesn't fill all the mandatory fields, it will alert with information. Ohterwise the review will submit successfully. Also the user can upload less than 5 pictures when add a new review

    Add a new review

Table of Contents

  1. Requirements
  2. Development

Requirements

Node 6.13.0

Development

Installing Dependencies

From within the root directory:

npm install

Accessing Atelier API && Accessing Cloudinary image host

Refactor config.example.js using instructions provided.

Running App In Development

From within the root directory:

npm run build
npm run client-dev
npm run server-dev

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.0%
  • SCSS 16.7%
  • HTML 0.3%