This is a MERN Stack e-commerce application. The application will have not only basic functionalities such as a shopping cart and product search, but also advanced things such as chat, real-time sales charts, product attributes (e.g. product color to choose from), creating testable components in React and other things. MERN consists of MongoDB (as a database), Express (a framework to make it easier to use Node), React (to create user interfaces), and Node (as a server).
-
main page
-
Filter and search
-
Product detail page
-
Cart page
-
Order page
-
Seller Order page
-
Live chat
-
Seller Analytic
-
Some of the e-commerce app features:
-
shopping cart
-
login, register
-
PayPal payment
-
upload images to Cloudinary and to local disk
-
searching, sorting, filtering, pagination of product list
-
multilevel categories
-
bestsellers carousel
-
star rating system and reviews
-
real time sales charts using SocketIO
-
chat using SocketIO
-
deploy application to Heroku & Render
-
React local state
-
Redux state
-
functional programming using React Hooks
Make sure you have your own credentials:
- in backend/.env file for MONGO_URI variable
- frontend/src/pages/user/UserOrderDetailsPage.js for PayPal client-id
- Open terminal on the frontend folder and run "npm install"
- Open terminal on the backend folder and run "npm install"
- Having terminal opened on the backend run "npm run dev" to run the application
- Optionally run seeders by running "npm run seed:data" (being in the backend folder)