/temp-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.

Primary LanguageTypeScript

Haru-Fashion E-commerce Web Application

Haru-Fashion Responsive Design (2) ts vercel Prettier

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

Haru-Fashion Demo

Lighthouse Score

Lighthouse

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