https://github.com/nemanjam/redux-ecommerce
Ecommerce website with React Hooks and Redux.
https://github.com/nemanjam/redux-ecommerce
bootstrap ecommerce hooks react redux redux-thunk
Last synced: 2 months ago
JSON representation
Ecommerce website with React Hooks and Redux.
- Host: GitHub
- URL: https://github.com/nemanjam/redux-ecommerce
- Owner: nemanjam
- Created: 2019-09-20T19:26:09.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-02-28T12:18:31.000Z (over 2 years ago)
- Last Synced: 2025-03-31T10:42:33.386Z (4 months ago)
- Topics: bootstrap, ecommerce, hooks, react, redux, redux-thunk
- Language: JavaScript
- Homepage: https://nemanjam.github.io/redux-ecommerce
- Size: 25.9 MB
- Stars: 35
- Watchers: 4
- Forks: 16
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Redux Ecommerce
Simple ecommerce website made with React Hooks and Redux.
## Demo and Codesandbox
- Live demo is available here: **[Demo](https://nemanjam.github.io/redux-ecommerce)**
- Codesandbox is available here: **[Codesandbox](https://codesandbox.io/s/github/nemanjam/redux-ecommerce)**
## Features
- Home, Products, Product Details, Liked, Cart, Login, Profile and Error pages
- State management with Redux
- Responsive design with Bootstrap
- Products pagination with infinite scroll
- Insert Advertisements at every N products
- Products sorting by price, weight, size asc and desc
- Product filtering by brand and color
- Ability to like the products (wishlist)
- Product Details page with image magnify
- Cart with increment, decrement and remove product abilities
- Local Login/Register with Formik validation
- Login with Google OAuth, client side auth
- Profile page is behind protected route
- Product card with loader for image loading
- Toast messages for adding, liking a product, login/logout with Google/Local and network errors
- Loading state with spinner with text or default spinner
- Two fake backends with Promise and Axios-Mock-Adapter strategies
- Config file with settable pagination page size, advertisement index and fake backend delay
- Dynamic data creation and randomizing with Faker
- Dynamic carousel width with React Container Dimensions and image cropping with `object-fit:cover`
## Libraries used
- React with Hooks, Redux, Redux Thunk
- React Bootstrap with Cosmo theme
- React Infinite Scroller, React Image Magnify, React Google Login, React Container Dimensions
- Axios, Axios Mock Adapter, Formik, Faker
## Installation and running
- `npm install`
- `npm run start` app wil be loaded on `http://localhost:3002`
## Screenshots
## Github pages deployment
```bash
# must use HashRouter
# set "homepage": "/redux-ecommerce/#", in package.json
# must have in .env
SKIP_PREFLIGHT_CHECK=true
# must have this env var in terminal
export NODE_OPTIONS=--openssl-legacy-provider
# redeploy
npm run deploy
```