Table of Contents
Project Atelier is a sophisticated, client-oriented eCommerce portal designed to enhance the online shopping experience. At the heart of Atelier are features tailored towards comprehensive product insights and interactions. Fostering an engaging and shopping experience are:
- The Product Detail Page: A central hub that ensures a seamless decision-making process for the user, featuring a dynamic image gallery, detailed product information, a style selector, and an option to add products to the shopping cart
- Related Items and User Outfit: Enhancing further product discovery, this module presents users with two curated sets of products: one showcasing items similar to the currently viewed product, and another allowing users to create and manage a list of favorites for easy comparison and revisit
- The Ratings and Reviews Module: This module empowers users to browse through existing reviews and submit their own, providing valuable insights and feedback on products
Instructions to setup Project Atelier on your local machine below.
npm install npm@latest -g- Clone the repo
git clone https://github.com/Chic-Fil-Async/Project-Atelier- Install dependencies using
npm install - Enter your Github token in
.envfile
GITHUB_TOKEN = (your Github token)- Open two separate terminal tabs and run in your dev environment:
npm run server-dev
npm run client-dev
- Develop an e-commerce website containing a product overview, related items, and ratings and reviews section
- Implement a photo gallery, product information section, style selector section, and add to cart functionality
- Implement
- Implement a review section with filterable reviews, the ability to add photos, and the ability to add reviews with unique characteristics per item.
- Leverage Redux as a state management system
Project Atelier is run on the designated port. It can also be accessed utilizing localhost:PORT directly in the browser.