A E-Commerce website developed using ReactJS for the frontend, NodeJs for the backend, MongoDB as database.
- Text Editor (VS Code , Atom, Brackets, etc.)
- Node.js and npm - install here
- MongoDB - install here
To run this project, install it locally using npm:
- git clone git@github.com:suhassalian27/E-Commerce-Website-using-ReactJS-NodeJS.git
$ cd E-Commerce-Website-using-ReactJS-NodeJS
- To Run Backend
- open terminal
$ npm install
$ npm start
- To Run Frontend
- open new terminal
$ cd frontend
$ npm install
$ npm start
Project is created with:
- HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
- React: Components, Props, Events, Hooks, Router, Axios, React-Bootstrap
- Redux: Store, Reducers, Actions
- Node & Express: Web API, Body Parser, File Upload, JWT
- MongoDB: Mongoose
- Development: ESLint, Babel, Git, Github,
- Deployment:
List of features ready and TODOs for future development
- User Login, Signup, User Authentication.
- Admin Login.
- Add, Edit, Remove Products. (Only Admin)
- Add to Cart.
To-do list:
- Sorting
- Search
This is the home page of e-commerce. It shows a list of products. It also uses React-Bootstrap Corousel for corousel.
When the user clicks on a product it takes you to the product details page.
Shopping Cart is the heart of any e-commerce website. I have created a user-friendly shopping cart using React and Redux.
I have created forms for getting user info and save them in the database.
Sign in page for user to sign in.
Sign in page for user to sign in.
Admin should be able to define products and update the count in stock whenever they like. This page is about managing ECommerce products.
Suhas Suhas - feel free to contact me!