There are 3 Folders
- web_panel - For front end
- web_admin - For Back end Admin
- web_services - For API
- Download or Clone this code in your system
- Go to each folder and from terminal run command
npm install
for download dependencies. - Rename sample.env file to .env and add your credential or keep same.
- To run front end go to web_panel folder and open terminal and run command
npm start
- To run backend admin go to web_admin folder and open terminal and run command
npm start
- To run APIs go to web_services folder and open terminal and run command
npm start
- For stripe setting create account in stripe and you will get credentials from there.
- REACT (FrontEnd)
- NodeJS (BackEnd API)
- Express (Framework)
- MongoDb (Database)
- Stripe Payment Method
- JWT Token
- Routing
- Redux for handle states
- Redux Thunk middleware
- Toastify for show messages
Front End
-
Home Page with Slider, Featured Products
-
Product Listing page with filter in Left side
-
Product List load as Page scroll to down
-
Cart Slide with product, Allow to inrease/decrease quantity of product.
-
Shipping Address Page
-
Payment method with both for Cash on Delivery and Credit Card Payment
Note: Set port whatever you want in package.json file in scripts part
URL for Frontend : http://localhost:5001/
Admin Panel
-
Add/Update Product
-
Search Product
-
Download Product in CSV
Note: Add 1 User with isAdmin=true in Users table manually for login in admin panel.
URL for Admin Panel : http://localhost:5003/
APIs
Note: You can change port for API by set it in .env file. Default PORT is 5002
URL for Admin Panel : http://localhost:5002/api/
Blog: https://www.webdeveloperguide.in/
YouTube: https://www.youtube.com/WebDeveloperGuide
GitHub: https://github.com/WebDeveloperGuide/
FaceBook: https://www.facebook.com/webdeveloperguides/
Twitter: https://twitter.com/WebDeveloperGd