ÉLIER

• ÉLIER is a modernized e-commerce site built for an optimal user browsing experience.
• The project was in conjunction with an AGILE team of 3 engineers.

Authors

Heith Mahfoudhi
Amelia LI
Victor Acosta

Built With

Key Features

• Business Requirements Document: Click here

• ÉLIER is designed to be responsive, ensuring a seamless experience across different devices.

Overview (Heith)

Features

• Header, Hero section, About Section & Footer for the brand unique story and connections
• Details providing a product overview, style, price and key features
• Ability to add items to favorite, cart, and share on social media
• Scroll through images, expand images and zoom in on specific parts of the image

DEMO

Ratings & Reviews (Amelia)

Features

• Product Ratings Breakdown with Visual Representations
• Product-Specific Reviews with Uploaded Images
• Custom Review Form with Drag-and-Drop Image Upload
• Filter Reviews by Rating, Relevance, Helpfulness, or Posting Data

Demo YouTube Video Link

Questions & Answers (Victor)

Features

• View and add questions and answers using a modal window
• Filter questions using a search bar
• Report or mark questions and answers as helpful with immediate feedback

Getting Started

Installation

• Clone the repository

      git clone https://github.com/San-Pallegrino-Trio-Stars/atelier_fecproject.git
  

• Install the dependencies

      npm install
  

• Run the following script

      npm run build
      npm run tailwind
      npm start
  

• Notes

  Set up a config.js with a token from Github
  

LightHouse Audit Results