satnaing / haru-fashion

An e-commerce web application developed with Next.JS (React) + Tailwind CSS for front-end/UI, Context API for state management and Custom REST API for Backend.

Haru-Fashion E-commerce Web Application

An e-commerce web application developed with Next.JS and TypeScript. Tailwind CSS is used for styling 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