The Gada Electronics

Naam hi kaafi hai (Name is enough)

An Ecommerce website for electronics

---

How to install and run locally ?

$ git clone https://github.com/swastikpatro/gada-electronics-ecommerce.git
$ cd gada-electronics-ecommerce/
$ npm install
$ npm start

Live Link :

The Gada Electronics

DEMO

Gadda Electronics App 📱 - Watch Video

Features -

▶ Features:

1. Error Page 💀
2. Easter Egg on the footer of the app (Includes Music) 😉
3. Authentication:
   1. User Signup
   2. User Login
4. Home page
5. Product listing page
6. Pagination on Product listing page
7. Filter and sort products functionalities with Shimmer UI (Debounced)
8. Highly Optimized Search product functionality with Suggestions (Debounced).
   1. These Suggestions are LRU Cached and older cached responses are deleted once reached the cache limit (50 responses).
   2. Also clicking the 🔍 button or pressing the Enter key, the Search even handles the "filter by product name" in product listing page.
9. Individual product page
10. 🛒 Cart Managment with selection of colors for a product.
11. ❤ Wishlist managment with selection of colors for a product.
12. Address management (with 'No two addresses can be edited at once')
13. Coupon Code Management
14. Checkout page
15. 💲 Payment Gateway Integration
16. Fully Responsive

Built with -

• React JS
• React Context API + useReducer
• React Router v6
• CSS Modules
• Mockbee as mockbackend
• React Icons
• Razorpay payment gateway

Screenshots :

Error Page

Home Page

Product Listing Page (DESKTOP)

Product Listing Page (MOBILE)

Cart Page

Wishlist Page

Profile Page

Address Page

Checkout Page

Login Page

Signup Page