Reliance Digital is ECommerce Website & is a clone of Reliance Digital. It is used for buying the electrical products, Home Appliances & other kind of products. Reliance Digital Stores are bigger in size than the other format Reliance Digital Mini Stores. It is one of the largest electronics retailers in India with over 5,000 products in its inventory.
Reliance Digital webiste looks very amazing and introduced with various type of languages like React, JavaScript, HTML, CSS etc. There are the some important details regarding with this project which is mentioned below:
- ◉ JavaScript : 94.0%
- ◉ HTML : 0.6%
- ◉ CSS : 5.4%
- 1. Cart Functionality (like adding an item and removing)
- 2. Admin Page
- 3. Admin can add a product product Will be shown on the latest page
- 4. Login and Sign Up
- User Authentication (Login/Logout)
- Product Listing
- Product Details
- Add to Cart
- Sort and Filter Products
- Responsive Design for optimal viewing on different devices
To get started with the project, follow these steps:
-
Clone the repository:
git clone - https://github.com/uttammane1/Reliance-Digital.git
-
Navigate to the project directory:
cd Reliance-Digital
-
Install dependencies:
npm install
-
Install additional libraries:
npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion axios react-router-dom
-
Start the development server:
npm start
-
React: Front-end library for building user interfaces
-
React Router: For routing and navigation
-
Chakra UI: For UI components and styling
-
Axios: For API requests
-
Context API: For state management
-
Home Page: Browse the homepage for a selection of featured products.
-
Product Listing: View a list of all available products, with options to sort and filter.
-
Product Details: Click on a product to see detailed information.
-
Add to Cart: Add products to your cart and view your cart.
-
Login/Logout: Authenticate to gain access to personalized features.
The navbar provides easy navigation throughout the site, including links to the Home, Products, Cart, and Checkout pages.
The home page showcases featured products and promotions, providing users with an overview of what is available.
The product page displays a list of products, complete with sorting and filtering options to help users find exactly what they need.
The cart page allows users to view products they have added to their cart, adjust quantities, and proceed to checkout.
The checkout page enables users to finalize their purchases by entering their shipping information and payment details.