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.
Author
