🎓 Academic project — semester I project at FPT Aptech (2025), built by a team of four students and supervised by Lê Thanh Nhân. Not a commercial product.
A front-end e-commerce site for premium eyewear, built as a React single-page app. It carries four brand storefronts — Persol, Ray-Ban, Gucci and Tom Ford — each with its own navigation, catalogue and search.
Live demo: https://persol-group05-eight.vercel.app
Stack: React 19 · React Router 7 · Bootstrap 5 · Swiper / Slick carousels · Create React App
Brand names and product images belong to their owners; this site is not affiliated with or endorsed by them.
| Catalogue | Tom Ford storefront |
|---|---|
 |
 |
- Four brand storefronts with their own header, logo and search
- Catalogues by category — sunglasses, eyeglasses, new arrivals, sale — with detail pages
- Product ratings, image carousels and a product compare view
- Download a product sheet as a Word document (docx + file-saver)
- Cart, contact page, login / register screens and a sitemap
- Product data kept as local JSON in
src/data/(no backend)
Node 18+:
npm install
npm start # http://localhost:3000
npm run build # production build in build/src/
├── pages/ Persol/, Rayban/, Gucci/, TomFord/, Orther/ (cart, compare, contact, auth)
├── components/ per-brand navbars and logos, cart, compare context, footer, sitemap
├── data/ product catalogues per brand
└── styles/
public/ product images
Documentations/ installation guide, user guide, project report, status reports
Built in 2025 as the semester I project at Aptech (batch T5.2410.E0, group 05), supervised by Lê Thanh Nhân.
- Trần Phúc Khang (@MITOM06)
- Mai Thanh Đạt
- Nguyễn Kim Minh
- Nguyễn Anh Đức