eCommerce platform built with the MERN stack & Redux.
An eCommerce platform where you can buy all the necessary components and peripherals to build your
best gaming station or upgrade your current system to complete and unleash the
ultimate, efficient, powerful beast that your gaming setup aims to be.
This application uses React JS component oriented UI creation paradigm. All components are written in JSX and ES6 style and are combined to get a single build for production purpose using Webpack 5.
Back end is implemented using Node JS, Express JS and MongoDB. Atlas, the Cloud version of MongoDB is used.
If you find any bugs you can report it to me.
Pull requests are always welcome. For major changes,
please open an issue first to discuss what you would like to change.
https://buildbuy.herokuapp.com/
https://www.loom.com/share/ec84cd9c386842ee8ee933b85fa50657
Sample User Logins
| Password | |
|---|---|
| sid@test.com (Admin) | sidtest |
| max@test.com | maxtest |
| mario@test.com | mariotest |
Or use the guest login and admin login features.
Sample Payment Gateway User Logins
| Password | |
|---|---|
| sb-tregl11668856@personal.example.com | Y%7XuL+g |
Or create a paypal USA developers account by going on https://developer.paypal.com/developer/applications
and use your personal account type for making payments.
- Full featured shopping cart.
- It is a Full Stack Application.
- Product reviews and ratings.
- Top products carousel.
- Search as per your interest and requirement.
- Paginated list of products.
- Apply desired filters for fast product selection.
- User profile, user details can be edited.
- Placed order details.
- Admin user management
- Admin Order details page.
- Mark orders as delivered option for admins.
- Checkout process (shipping, payment method, etc).
- PayPal / credit card integration.
- Database seeder (products).
- All of the data is stored in the database i.e. persistant
Frontend: React, Bootstrap, Redux
Backend: NodeJS, Exress, MongoDB, Mongoose.
Create a .env file in then root and add the following
NODE_ENV = development
PORT = 5000
MONGO_URI = your mongodb uri
JWT_SECRET = 'your secret'
PAYPAL_CLIENT_ID = your paypal client id
npm install
cd frontend
npm install
# Run frontend (:3000) & backend (:5000)
npm run dev
# Run frontend only
cd frontend
npm start
# Run backend only
npm run server
# Create frontend prod build
cd frontend
npm run build
There is a Heroku postbuild script, so if you push to Heroku, no need to build manually for deployment to Heroku
You can use the following commands to seed the database with some sample users and products as well as destroy all data
# Import data
npm run data:import
# Destroy data
npm run data:destroy