Shopex Shopping

Shopex is an eCommerce furniture website application built with React js and Sass, using JSON-server for database also using JSON-server-auth for JWT authentication middleware for JSON Server Because you also need a fake authentication & authorization flow for your prototyping.

You can watch it from here: https://shopexfurniture.netlify.app/shop

Features

• Shop
• Add to cart
• Add product
• Auth (login - sign in)
• Dashboard

Tech Stack

Client: React, Redux Toolkit, Bootstrap, Sass, React Router Dom, React Slick, Axios, React Image Uploading, React Icons, EmailJS/browser

Server: JSON Server, JSON Server Auth

Installation

Note When you open the project in visual studio code, it should automatically run all of these line commands if not do it manually.

Install Shopex with npm

'new terminal'
  cd clint
  npm install 
  npm start
---------------------------
'new terminal'
  cd server
  npm install
  npm run serve

Presentation

You can also look at the presentation in here which presents the project tools, pages, organizing and structuring approaches taken before and while going through the project, and also some diagrams for some of its key features.

Shopex Presentation.pptx