DEV Community

Cover image for E-Commerce with React Node Mysql
ZeeshanAli-0704
ZeeshanAli-0704

Posted on

E-Commerce with React Node Mysql

Project Title

E-commerce Project

GitHub : E-commerce Project

Description

This project is an E-commerce platform designed to provide users with a convenient and seamless shopping experience. It aims to offer a wide range of products, smooth checkout processes, and efficient management of orders.

Technologies Used

Frontend:
    HTML, CSS, JavaScript
    React.js (frontend library)
    Bootstrap (for basic CSS)
Backend:
    Node.js
    Express.js
    MYSql (database)
Authentication:
    JSON Web Tokens (JWT)
Other tools:
    Git (for version control)
Enter fullscreen mode Exit fullscreen mode

Getting Started

Installation

Deployed Application:

Deployed on Netlify & Render..

E-commerce

Please Note: Application will take some time to boot up

Clone the repository:

git clone https://github.com/ZeeshanAli-0704/E-Commerce-react-node-mysql.git
Enter fullscreen mode Exit fullscreen mode

Server Setup:

cd server

npm install

npm run start

npm run debug  // if you want to start node js in debug mode
Enter fullscreen mode Exit fullscreen mode
  • make sure you have correct env file configured

  • If facing any issue in installing packages try & delete package-lock.json filre & try again

Client Setup:

cd client/

npm install

npm run start
Enter fullscreen mode Exit fullscreen mode
  • make sure you have correct env file configured

  • If facing any issue in installing packages try & delete package-lock.json filre & try again

Database Setup:

We are using Mysql in this project.

In database folder we have createTables.sql use this file to create table in MySQL.

If facing any issue with DB connection check connection.js for configuration

Application Screens

Login Page

Login Page

Register Page

Register Page

Admin Add new Products

Add Product   Product List

Order Details & Product in Order

Order Details + Product in Order

Order List Page

Order List Page

Past Orders

Update Product   Past Order

Customer Past Orders

Customer Past Orders

Customer Product List Page

Product List Page

Shopping Cart

Shopping Cart   Buy

Top comments (0)