|
| 1 | +# MERN Ecommerce Project with Stripe Payment |
| 2 | + |
| 3 | +There are 3 Folders |
| 4 | + |
| 5 | +1. web_panel - For front end |
| 6 | +2. web_admin - For Back end Admin |
| 7 | +3. web_services - For API |
| 8 | + |
| 9 | + |
| 10 | +## Steps for run project are as below |
| 11 | + |
| 12 | +1. Download or Clone this code in your system |
| 13 | +2. Go to each folder and from terminal run command ### `npm install` for download dependencies. |
| 14 | +3. Rename sample.env file to .env and add your credential or keep same. |
| 15 | +4. To run front end go to web_panel folder and open terminal and run command ### `npm start` |
| 16 | +5. To run backend admin go to web_admin folder and open terminal and run command ### `npm start` |
| 17 | +6. To run APIs go to web_services folder and open terminal and run command ### `npm start` |
| 18 | +7. For stripe setting create account in stripe and you will get credentials from there. |
| 19 | + |
| 20 | + |
| 21 | +## Technology Covered in this Projects |
| 22 | + |
| 23 | +1. REACT (FrontEnd) |
| 24 | +2. NodeJS (BackEnd API) |
| 25 | +3. Express (Framework) |
| 26 | +4. MongoDb (Database) |
| 27 | +5. Stripe Payment Method |
| 28 | +6. JWT Token |
| 29 | +7. Routing |
| 30 | +8. Redux for handle states |
| 31 | +9. Redux Thunk middleware |
| 32 | +10. Toastify for show messages |
| 33 | + |
| 34 | +## Some of Features of Ecommerce Project |
| 35 | + |
| 36 | +1. Front End |
| 37 | +- Home Page with Slider, Featured Products |
| 38 | +- Product Listing page with filter in Left side |
| 39 | +- Product List load as Page scroll to down |
| 40 | +- Cart Slide with product, Allow to inrease/decrease quantity of product. |
| 41 | +- Shipping Address Page |
| 42 | +- Payment method with both for Cash on Delivery and Credit Card Payment |
| 43 | + |
| 44 | +Note: Set port whatever you want in package.json file in scripts part |
| 45 | +URL for Frontend : http://localhost:5001/ |
| 46 | + |
| 47 | +2. Admin Panel |
| 48 | +- Add/Update Product |
| 49 | + |
| 50 | +Note: Add 1 User with isAdmin=true in Users table manually for login in admin panel. |
| 51 | +URL for Admin Panel : http://localhost:5003/ |
| 52 | + |
| 53 | + |
| 54 | +3. APIs |
| 55 | +Note: You can change port for API by set it in .env file. Default PORT is 5002 |
| 56 | +URL for Admin Panel : http://localhost:5002/api/ |
| 57 | + |
| 58 | + |
| 59 | +Blog: https://www.webdeveloperguide.in/ |
| 60 | +YouTube: https://www.youtube.com/WebDeveloperGuide |
| 61 | +GitHub: https://github.com/WebDeveloperGuide/ |
| 62 | +FaceBook: https://www.facebook.com/webdeveloperguides/ |
| 63 | +Twitter: https://twitter.com/WebDeveloperGd |
| 64 | + |
0 commit comments