Haru-Fashion E-commerce Web Application

An e-commerce web application developed with Next.JS and TypeScript. Tailwind CSS is used for styling the components and React's Context API is used for state management. Custom REST API is used as a backend (Haru API).

Demo

Lighthouse Score

Features

• Progressive Web App (PWA) 🔥
• Full-text Search 🔎
• Responsive Design 📱💻
• Wishlist 🤍
• Add To Cart 🛒
• Different Category Page 🧑🏻👩🏻🎒
• Authentication (Register/Login/Logout) 🛡️
• Pagination ⬅️➡️
• Animation ✨
• i18n (English & Burmese) 🌐
• Keyboard Accessible ⌨️

Tech Stack

Frontend - NextJS, React, TypeScript
Styling - Tailwind CSS
Design & Prototype - Figma
State Management - ContextAPI
Backend - Haru API (Previous Version - Firebase)
Containerization: Docker
Deployment Vercel

Running Locally

Clone the project

git clone https://github.com/satnaing/e-commerce.git

Go to the project directory

cd e-commerce

Remove remote origin

git remote remove origin

Install dependencies

npm install

Start the server

npm run dev

Inspiration and Credits

Even though I wrote every single line of code for this web app, images and some design are inspired and used from the following websites.

• Goya WordPress Premium Theme
• Lusion WordPress Premium Theme

Author

• @satnaing