SharinganTech

A fashionable e-commerce site built for a pleasant user experience.

Authors

Nam Nguyen - Overview
Aidan Fisher - Related Items & Your Outfit
Andrew Ihn - Questions & Answers
Kyle Stevens - Ratings & Reviews

Built With

Key Features

• An Overview section displaying a product and its styles.
• A Related Items and Comparison section where the user can view related items and build an outfit.
• A Q&A section used for asking, answering, and browsing user generated questions.
• A Ratings and Reviews section for writing, browsing, and filtering reviews.

Overview

Features

• Interactive gallery with a fully functional gallery
• Product information displaying the price, category, reviews, and name
• Interactive style selector to change the gallery images
• Size/Quantity selectors to add items to cart
• Zoom In feature in progress

Related Items & Your Outfit

Features

• A carousel displaying a list of products related to the item in overview.
• A feature that allows the user to add items to a user-specific list called 'Your Outfit'.
• A modal to compare a related item to the overview item.

See Comparison Details

Questions & Answers

Features

• Search bar capable of filtering the Q&A list after 3 characters
• See More buttons render remaining Q&A
• Question and Answer modals to add user-based questions and answers

See Q&A Modal

Ratings & Reviews

Features

• Breakdown of ratings based on certain characteristics and review data
• List of reviews that can be filtered by rating and sorted by different factors
• A form for adding reviews

See R&R Form

Getting Started

Installation

• Clone the repository

      git clone https://github.com/SharinganTech/FEC-Main.git
  

• Install the dependencies

      npm install
  

• Copy example.env file and rename to .env with the following within

      API_TOKEN='Insert API Token'
  

• Run the following scripts

      npm run start