Ecommerce Web FrontEnd With React Js.

The main concern of our project is to creat full responsive, reactive, authentication, authorization based Ecommerce web service with React js latest version.

Features

• Full Responsive
• Authentication & Authorization
• Fullscreen mode
• Class and Object based state and hook system
• State and Hook based system
• Stripe payment sandbox api and same time cash on delivery system added
• Image are processed before saving with Jimp in backend
• Tokenized system with Hashing of user password
• User or Seller account creation are controlled with otp and verifying
• Verification with mail

Lessons Learned

• React Js
• State Handle
• Hook System
• React Star Rating Module
• React Countdown Timer
• React Js Pagination Module
• React Router Dom
• Axios
• Props Handling

Important Note

The Project has three segment of login (User, Seller, Employee). If a seller does registration before login as the seller make sure to verify it using employee user id .... Employee can log in at Employee page. Employee admin id : email : gokus@gmail.com pass : iamgoku

Design And Demo

Environment Variables

In order to run it make sure to remember .... Inside Index.js there are two setting I did for Rest Api handling ...

• axios.defaults.baseURL = 'http://localhost:8000';
• axios.defaults.headers.common['Authorization'] = 'Bearer '+localStorage.getItem('token');

Here, i ran it in my localhost and my backed rest api was in this url. So, i used this base url so change it when you host it.

Run Locally

Clone the project

  git clone https://github.com/SaminKirigaya/Ecommerce_web_app_FrontEnd_with_REACT_JS.git
  

Go to the project directory

  cd my-project // You project directory

Install dependencies

  npm install

Start the server

  npm start