Git Product home page Git Product logo

waqar-ahmed51 / react-redux-project-e-commerce-app-estore.com-central-app-store Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.44 MB

Clone of estore.com(my react project) implemented Redux - Centralized App State (Know as store in Redux)

Home Page: https://waqar-ahmed51.github.io/React-Redux-Project-e-commerce-app-estore.com-central-app-store/

HTML 1.95% CSS 0.94% JavaScript 97.12%
javascript react redux styled-components material-ui

react-redux-project-e-commerce-app-estore.com-central-app-store's Introduction

Redux-Ecommerce-[estore.com-Project]-Centralized-State-App

Implemented redux to same estore.com project - made centralized App State (Know as store in Redux). This project is a clone of "React-Project-e-commerce-app-estore.com" orginal repository is available at https://github.com/waqar-ahmed51/React-Project-e-commerce-app-estore.com

A complete custom UI-based e-commerce project made with react. I named it "estore.com" just a dummy name. Developed this project during my internship period at Nisum, Karachi. It was fun working with react component-based web apps and core javascript. It's a complete e-commerce project that has all features an e-commerce website must have. Like adding products to the cart, product detail view, cart items quantity, product category, product sorting, checkout, search item, and more. Further details are mentioned below.

Please use a laptop/PC to see live demo - The project is not responsive yet. Thank You.

- Click link to view live demo: https://waqar-ahmed51.github.io/React-Project-e-commerce-app-estore.com/

- Project Video Demo

estore-com.mp4

This project's details and features are given below:

  • Custom UI (every component is made with styled component CSS).
  • Focused/Unique design UI look.
  • Material UI Icons used.
  • Search option, the user can search for the product.
  • Register Page, register user functionality with proper form validation.
  • Sign-in Page, user sign-in functionality with proper sign-in form validation.
  • Good looking full-screen slider with custom colors in the background.
  • Product Category, custom-made product categories view with beautiful transitions.
  • Popular Product, shows the popular product on the home page.
  • Navbar, Footer, Header, and Footer.
  • Product Details View Page, the user can check the product details.
  • Add to Cart, user can add a product to the cart.
  • Cart fully functional, user can increase or decrease the quantity of the product, delete the product, and more.
  • Checkout fully functional, shipping details, and total cost details.
  • Restfull API
  • Dummy JSON API, and more, visit link or watch project video demo.

- Home Page View

estore com mac screenshot

Please Note:

  • The web is not responsive (will add responsive media queries later).
  • Images used in the project may be subject to copyright, I used them for learning propose.
  • You may find some bugs in some functionalities, I developed this project to practice on react so few bugs can be ignored.

react-redux-project-e-commerce-app-estore.com-central-app-store's People

Contributors

waqar-ahmed51 avatar

Watchers

 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.