Skip to content

pouya-shekari/onlineShop-react-redux

Repository files navigation

Online Shop with React and Redux

This is a personal project and i used React library for this single page application.in this App you can Buy stuff and also in panel page you can add products or edit all details of products.

For login in admin panel:

username: admin

password: admin

Installation

first you must install packeages and run the backend in terminal with this codes

npm i 
npm run backend

after this the backend runnig at localhost:3001.

now you can run the Main project with write this code in terminal.

npm start


next you must run the Fishing page project./

Fishing page project is in Folder shaparak.

you must run it on vs code and live server extention on port 5500.

Features

  • Add/Edit Products in panel admin
  • Check The orders details in panel admin with two filter(delivered or not delivered) in panel admin
  • Authentication for sign in panel admin with token
  • Buy stuff
  • the stuff that was going to buy save in loclstorage as Orders.
  • Fishing page that just a demo and does not really work.
  • Show stuff in every Category.
  • there is Product Page that show a product details.

Tech Stack

Client: React, Redux, MUI,Sass,axios

Server: Node, Json-server

Preview

home page:

alt text

products page:

alt text

product page:

alt text

basket page:

alt text

checkout page:

alt text

payment page:

alt text

failed payment page:

alt text

success payment page:

alt text

login page:

alt text

products panel page:

alt text

add/edit product modal:

alt text

quantity page:

alt text

orders page:

alt text

order modal:

alt text