⚠️ Legacy project (2021)
This repository represents an early-stage frontend e-commerce project built during my learning phase.
Backend services (GraphQL / CMS) may be offline and some features might not be fully functional.

Stylishh.

Stylissh is a legacy e-commerce frontend demo built with Next.js, TypeScript, GraphQL and Tailwind CSS, showcasing UI composition, state management and client-side architecture patterns.

About

Full Stack e-commerce application with the following features:

• User Authentication - including Google Signin:
  

• Secure Payments - including Apple and Google Pay - and email invoicing with Stripe:

• Interactive product page and shopping cart:

• Toast messages when add products to cart:

• See an order history page - if logged in with auth:

• Customized success checkout page:

Techs and Tools

Back End 🛠️

• Strapi
• GraphQL
• Auth0 for authentication
• Stripe for payment, invoicing, etc
• Cloudinary

• Backend project available in this repository

Front End 👩‍💻

• Next.js
• React
• Typescript
• URql for fetching data
• Tailwind for styling
• Framer Motion for animation
• React Hot Toast for pop up notifications

• Production available in this Vercel link

Background

This project was created in 2021 as part of my transition into frontend development.
It reflects my learning stage at the time and is kept public for historical and learning purposes.