React Templates & Themes Logo React Templates & Themes
Haru Fashion screenshot

Haru Fashion

Author Avatar Theme by Satnaing
Updated: 6 Dec 2022
131 Stars

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.

Github Live Preview

Categories

Nextjs Tailwind Firebase Headless ui

Overview:

The Haru-Fashion E-commerce Web Application is a responsive e-commerce platform developed with Next.JS and TypeScript. It incorporates Tailwind CSS for styling and utilizes React’s Context API for efficient state management. Moreover, a custom REST API named Haru API serves as the backend for this web application.

Features:

  • Progressive Web App (PWA): Ensures a seamless user experience across various devices.
  • Full-text Search: Facilitates users in locating specific products quickly.
  • Responsive Design: Ensures optimal viewing experience on both mobile and desktop devices.
  • Wishlist: Users can save desired items for later consideration.
  • Add To Cart: Enables customers to add products to their shopping cart.
  • Different Category Page: Categorizes products for easy navigation.
  • Authentication (Register/Login/Logout): Secure user-specific functionalities.
  • Pagination: Enhances the browsing experience by organizing content.
  • Animation: Incorporates visual appeal through dynamic animations.
  • i18n (English & Burmese): Supports multilingual content for diverse users.
  • Keyboard Accessible: Ensures accessibility for users navigating via keyboard.

Installation:

To run the Haru-Fashion E-commerce Web Application locally, follow these steps:

  1. Clone the project repository.
git clone [repository-url]
  1. Navigate to the project directory.
cd project-directory
  1. Remove the remote origin to avoid conflicts.
git remote remove origin
  1. Install project dependencies.
npm install
  1. Start the local server to run the application.
npm run start

## Summary:
The Haru-Fashion E-commerce Web Application is a well-rounded e-commerce platform featuring essential functionalities like PWA support, full-text search, responsive design, and more. Developed using Next.JS and TypeScript, this application ensures a robust user experience with innovative features and efficient state management. By leveraging Tailwind CSS for styling and React's Context API for state management, the web app achieves a modern and user-friendly interface.