https://github.com/whaha-ha/shopmax

Shopmax - E-Commerce Project
https://github.com/whaha-ha/shopmax

ecommerce-application ecommerce-platform javascript react reactjs redux seo-optimization shopify shopping-cart

Last synced: 3 months ago
JSON representation

Shopmax - E-Commerce Project

• Host: GitHub
• URL: https://github.com/whaha-ha/shopmax
• Owner: WHAHA-HA
• Created: 2022-04-19T17:32:28.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-19T17:37:44.000Z (almost 4 years ago)
• Last Synced: 2025-02-11T16:02:01.858Z (11 months ago)
• Topics: ecommerce-application, ecommerce-platform, javascript, react, reactjs, redux, seo-optimization, shopify, shopping-cart
• Language: JavaScript
• Homepage: https://ecommerce-shopmax.netlify.app/
• Size: 4.8 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Shopmax - E-Commerce Project

E-Commerce project made with React for self learning.

![RWD](https://user-images.githubusercontent.com/55945204/86469561-f33f0300-bd39-11ea-9495-14f6ae892c3f.jpg)

## Demo

**Note**: It may take some time till the server starts at the beginning.

Demo - https://ecommerce-shopmax.netlify.app/

## Technologies

Backend: (hosted by www.heroku.com)

* Strapi v3.0.0-beta.20.3

Frontend: (hosted by www.netlify.com)

* React v16.13.1

* React Redux && Redux Thunk

* React Router

* React Hooks

* React Loading Skeleton

* React Modal

* React Scroll

* React Toastify

* Framer Motion

* Styled Components

* React Multi Carousel

* Formik && Yup

* Axios

* Local Storage

* Husky && lint-staged

* Atomic design

## Features

* Browsing products fetched from database

* Adding/removing products from cart and wishlist

* Filtering and sorting products by names, categories and prices

* Changing quantity of products with same ID and size

* Featured products are placed in a carousel (react-multi-carousel)

* Two shopping carts (aside and full) with same options and logic

* Adding products with validation (checking if certain size is available)

* Viewing full details of products

* Home page slider

* Checkout form validation with Yup

* Payment simulation (obviously there is no real payment :D)

* Responsive Web Design

## Screenshots

Home slider


![screen2](https://user-images.githubusercontent.com/55945204/86472410-672fda00-bd3f-11ea-9745-c5e4b9aee0eb.jpg)

***

Aside shopping cart


![screen1](https://user-images.githubusercontent.com/55945204/86472320-45ceee00-bd3f-11ea-8506-7e3a8e637c1f.jpg)

***

Full shopping cart


![screen5](https://user-images.githubusercontent.com/55945204/86472824-12409380-bd40-11ea-87fb-468c5fb66984.jpg)

***

Catalog view


![screen10](https://user-images.githubusercontent.com/55945204/86472674-d3124280-bd3f-11ea-9086-bb6fa6d552bc.jpg)

***

Wishlist view


![screen3](https://user-images.githubusercontent.com/55945204/86472430-71ea6f00-bd3f-11ea-9ad8-f550a771b35a.jpg)

***

Empty wishlist view


![screen4](https://user-images.githubusercontent.com/55945204/86472765-f89f4c00-bd3f-11ea-8f25-56299dbaf2cd.jpg)

***

Validated checkout view


![screen6](https://user-images.githubusercontent.com/55945204/86472907-34d2ac80-bd40-11ea-92a1-593d0e69cd71.png)

***

"Add item" modal


![screen11](https://user-images.githubusercontent.com/55945204/86473248-d9ed8500-bd40-11ea-9550-a945594bfa22.jpg)

***

Product full details view


![screen7](https://user-images.githubusercontent.com/55945204/86472986-5a5fb600-bd40-11ea-8973-5b114459b1b2.png)

***

404 page


![screen8](https://user-images.githubusercontent.com/55945204/86473111-96931680-bd40-11ea-9fc2-52497b672e21.png)

## Credits and sources

Images: 50style.pl && unsplash.com 


Icons: flaticon.com