RETINA Visit Here

Clarity and Style Unveiled: Find Your Perfect Frames at our Glasses Emporium!

How It's Made:

Tech used: React, Styled Components

Optimizations:

I would have added skeleton loaders for a better UX experience, I would also have added authnetication login / logout system, a wishlist feature, a review feature, a purchase history page and more optimization techniques like lazy loading.

Lessons Learned:

I learned how to build a mutil-page website that connect to an API and how to create a system of complex filtering and sorting.

Pages in Depth:

Home page

home--slow.mp4

Products page

products.mp4

Single product page

singleProduct.mp4

Searchbar

searchbar.mp4

Cart page

cart.mp4

Checkout page

checkout.mp4

Serverless Function that gets the data:

Glasses serverless function