Code Monkey home page Code Monkey logo

gada-electronics-ecommerce's Introduction

logo

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

image

Home Page

Gada Electronics-home

Product Listing Page (DESKTOP)

image

Product Listing Page (MOBILE)

image

Cart Page

image

Wishlist Page

image

Profile Page

image

Address Page

image

Checkout Page

image

Login Page

image

Signup Page

image

gada-electronics-ecommerce's People

Contributors

swastikpatro avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.