redux-ecommerce

KO | EN

gitlite — search

#javascript #hacktoberfest #go #golang #rust #deep-learning #macos #nodejs #windows #awesome #kubernetes #awesome-list #pytorch #ios

redux-ecommerce

(★ 36)

Ecommerce website with React Hooks and Redux.

redux-ecommerce 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

![Screenshot1](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_1.png)

![Screenshot2](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_2.png)

![Screenshot3](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_3.png)

![Screenshot4](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_4.png)

![Screenshot5](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_5.png)

![Screenshot6](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_6.png)

![Screenshot7](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_7.png)

![Screenshot8](https://raw.githubusercontent.com/nemanjam/redux-ecommerce/master/screenshots/Screenshot_8.png)

## 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
```

redux-ecommerce

redux-ecommerce 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

redux-ecommerce

redux-ecommerce 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README