Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Bizarre Fog 8734 screenshot

Bizarre Fog 8734

Author Avatar Theme by Kartikkunwar
Updated: 24 Dec 2022
8 Stars

LYST Website clone. It is a platform for online shopping of variety of Clothing. User can easily search for the desired products using dynamic search bar. User can add multiple products to the cart and can buy with discounts also. Authentication is also required for purchase. In addition admin pa...

Github Live Preview

Categories

React Styled components Chakra ui

Overview

LYSTONE-STOP is a website that was created with the goal of providing a challenging experience in website development and administration. It allows users to explore a variety of clothes and become a happy customer by authenticating themselves. The website was built using HTML5, CSS3, JavaScript, and React. It includes features such as DOM manipulation, an admin panel for inventory and user management, user registration with form validation, a variety of products, filtering and sorting options, a dynamic cart, and more.

Features

  • DOM manipulation: Data appears at the DOM using DOM manipulation techniques.
  • Admin panel: There is an admin panel to maintain inventory and manage user accounts.
  • User registration: Users can register themselves and their information will be validated using form validation.
  • Variety of products: The website offers a variety of products for users to explore.
  • Filtering and sorting: Users have the ability to filter and sort the products based on their preferences.
  • Dynamic cart: The website includes a dynamic cart feature that allows users to add products to their cart.

Installation

To install the LYSTONE-STOP theme, follow these steps:

  1. Install Node.js and npm on your machine.
  2. Clone the repository from GitHub.
  3. Navigate to the project directory.
  4. Run npm install to install the dependencies.
  5. Run npm start to start the development server.

Summary

LYSTONE-STOP is an E-commerce website built using HTML5, CSS3, JavaScript, and React. It offers features like DOM manipulation, an admin panel, user registration, a variety of products, filtering and sorting options, and a dynamic cart. The project allowed the developers to learn and apply React, Redux, Chakra UI, Bootstrap, and JSON server. Overall, it was an enjoyable process of learning and creating an E-commerce website.