Info | Demo | Used Technologies | Setup
A complete redesign of an ecommerce website.
- Features
- Product Overview: an image gallery and general information relating to the product
- general and expanded view of product images
- style selector
- add to cart selectors
- Related Items & Comparisons: two carousels showing related products and your own outfit.
- navigate to related products
- compare the current to a related product
- add and delete products from your outfit collection
- Questions & Answers: a dynamic list of questions and answers
- upload images
- add questions
- report questions
- mark as helpful
- Product Overview: an image gallery and general information relating to the product
- Reaching Performance Metrics
- Time to First Paint: 0.8 seconds
- Time to First Meaningful Paint: 2.0 seconds
- Time to Interactive: 2.5 seconds
--insert gifs here--
-
Axios v0.27
-
Babel v7.18
-
Compression v1.7
-
Express v4.18
-
Prop Types v15.8
-
React v18.2
-
React-Router v6.3
-
React-Moment v1.1
-
Styled Components v5.3
-
Webpack v5.73
-
Husky v8.0
-
Airbnb Linter v19.0
-
Jest v28.1
-
React-Testing-Library v13.3
$ git clone https://github.com/marios-retail-store/retail-app.git
$ cd retail-app
$ npm install
$ npm build
$ npm start