Welcome to ShopifyLite, a lightweight e-commerce project built with simplicity in mind. This README provides an overview of the project's functionalities and how to get started.
- Clone the repository:
git clone https://github.com/your-username/ShopifyLite.git cd ShopifyLite
-
The project implements a simple login process using the authentication service at https://dummyjson.com/docs/auth. Users can log in with their credentials to access the protected features.
-
Upon successful login, the user's token is saved in Local Storage for authorization purposes. This token is required for accessing protected routes and making authenticated requests.
-
The Home page is a protected route, allowing only logged-in users to access it. If a user is not logged in, they will be redirected to the login page.
-
The Home page fetches products from https://dummyjson.com/docs/products and displays them to the user.
-
A search functionality is implemented on the Home page, enabling users to search for products based on their name.
-
Users can filter products on the Home page based on price, providing a customizable and user-friendly experience.
-
The project includes a shopping cart feature, allowing users to add products to their cart.
-
The top of the page displays the current count of items in the user's cart, providing a quick overview.
-
Each product card on the Home page includes an "Add to Cart" button, allowing users to easily add items to their shopping cart.
-
The project is built using the following technologies and React components:
- ReactJs
- React Router DOM
- React Context API
- Vite
Feel free to explore and customize ShopifyLite to suit your needs. Happy shopping!