https://github.com/abhishek07788/leadsconnect-assignment

LeadsConnect Assignment - React js
https://github.com/abhishek07788/leadsconnect-assignment

axios chakra-ui html react-redux reacticons reactjs redux

Last synced: 2 months ago
JSON representation

LeadsConnect Assignment - React js

• Host: GitHub
• URL: https://github.com/abhishek07788/leadsconnect-assignment
• Owner: Abhishek07788
• Created: 2023-02-24T10:06:45.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-06-01T13:58:31.000Z (about 1 year ago)
• Last Synced: 2025-06-30T02:09:21.866Z (12 months ago)
• Topics: axios, chakra-ui, html, react-redux, reacticons, reactjs, redux
• Language: JavaScript
• Homepage: https://leadsconnect.netlify.app/
• Size: 540 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🛒 LeadsConnect - E-Commerce Assignment

An interactive e-commerce application built with **React.js** and **Chakra UI**, featuring product listing, cart management, promo code discounts, and responsive UI for all screens.

---

## 🚀 Features & Pages

1. 🏬 **Product Page** – Browse all products with filter by category  

2. 📄 **Single Product Page** – Detailed view with pricing & description  

3. 🛒 **Right Side Cart Drawer** – Add/view/remove items with quantity control  

4. 🧾 **Cart Page** – Manage items, apply promo code, view totals  

5. ➕ **Add to Cart** – Add any product from list or detail page  

6. 🔄 **Increase/Decrease Quantity**  

7. ❌ **Remove Item From Cart**  

8. 💸 **Promo Code Discount Support**  

9. 🗂️ **Filter Products by Category**  

10. ⏳ **Loading Indicators and Alert Notifications**  

11. 📱 **Fully Responsive Design**

---

## 🛠️ Tech Stack

- **HTML**

- **React.js**

- **Chakra UI** – for UI components and styling

- **Redux** – for state management

- **Axios** – for data fetching

- **React Icons** – for UI icons

---

## 📸 Screenshots

### 🏬 Product Page

![Product Page](https://user-images.githubusercontent.com/104199818/221406766-801b8c6c-b8cd-4b5f-8c4d-ba7752712794.png)

![Product Page 2](https://user-images.githubusercontent.com/104199818/221406815-d4fd140d-ea22-4118-bdd9-a67b2e255266.png)

### 📄 Single Product Page

![Single Product](https://user-images.githubusercontent.com/104199818/221406890-a1a3a65b-1bc0-4c60-8aa2-51961409d42b.png)

### 🛍️ Cart Drawer

![Cart Drawer](https://user-images.githubusercontent.com/104199818/221406846-641668d1-4a47-4141-9e12-19b31205f454.png)

### 🧾 Cart Page

![Cart Page](https://user-images.githubusercontent.com/104199818/221406972-57e2e58f-3806-4b30-8d9a-37831173a35e.png)

---

## 🧑‍💻 Author

**Abhishek Solanki**  

[🌐 Portfolio](https://abhishek07788.github.io/) | [🐱 GitHub](https://github.com/Abhishek07788) | [💼 LinkedIn](https://linkedin.com/in/abhishekpratapsolanki)

---

> ⚠️ This is a frontend-only project meant for educational purposes.