Starr

Fully functional clothing store application with a shopping bag, a wishing list and account information.
Inspirations: Shein, Sacai, Undercover, Yohji Yamamoto, Aliexpress, Antix

---

Back-end: https://github.com/GustavoFLacerda/starr-backend

---

Instructions

• Install all dependencies using npm install
• Run npm run start in the bash

---

Docker Instructions

• docker pull node:alpine
• docker pull nginx:alpine
• docker pull cherrying/starrfront OR docker build -t cherrying/starfront .
• docker run -dit -p 8080:80 --name starrfront starrfront
• Access localhost:8080

---

Technologies used

• ReactJS
• Styled Components
• Create React App
• React Helmet
• React Router
• Redux.js
• Docker

---

Features

Accounts

• User account system with access tokenization on every relevant page
• Passwords can be changed and retired ones are stored
• Multiple billing addresses can be created, updated and deleted

Credit Cards

• Credit card system with access tokenization on every relevant page
• Credit cards can be added, acessed, updated and deleted

Orders

• Orders and their status can be found in the user profile page

Wishlist and Cart

• Cart and wishlist systems with necessary authentication on every route
• Items can be added and removed from the shopping cart and wishlist

Products

• Products have distinct categories
• Each product has its own page with colors, sizes and the desired quantity

Onpage SEO

• Relevant meta tags
• Semantical HTML
• Each page has its own meta tags through React Helmet
• Sitemap and Robots.txt

Security

• Content security policy to prevent XSS is implemented in the main document head tag
• This website follows OWASP main guidelines

Coming soon

• Color and size selection in the product page
• Service worker for cached content
• NextJS sitemap implementation