It is an E-commerce web application created using ReactJS which can be used to browse, explore, and buy various types of products.
This repository contains the source code of the Seller Dashboard of the webapp.
The source code for the frontend of the application is present here.
- User Authentication: The sellers of the platform can signup & login on this dashboard to perform all the desired activities required by them for their product listing. (User authentication is being performed with the help of Google Auth in this application).
- Sellers can add new categories of products or product lines.
- Sellers can add new products to their product listings for various categories.
- Sellers can also find the details of all the orders received by them.
- React.js
- Next.js
- Tailwind CSS
- HTML
- CSS
- Javascript
- MongoDB
- Google Auth
- Stripe Payments
- Web APIs
- React.js Version: 18.2.0
- Next.js Version: 13.3.0
- NPM Version: 9.6.2
- You also need to have Mongo database setup using Mongo Atlas.
You can follow the below steps to run the seller dashboard application in your system's local environment:
-
Get the source code on your pc via git.
git clone https://github.com/muskanmi/E-Commerce-Admin
-
Now, navigate inside the folder through your terminal.
cd E-Commerce-Admin
-
Next, you need to create a configuration file named as
.env
at the root of the folder (where package.json file is present). -
Then, enter the following statements after adding the values of appropriate configurations like Google Auth ID, Google Auth Secret, MongoDB URI, AWS S3 Bucket credentials in this newly created
.env
file:GOOGLE_ID = "" GOOGLE_SECRET = "" MONGODB_URI = "" S3_ACCESS_KEY = "" S3_SECRET_ACCESS_KEY = ""
-
Next, install the required dependencies by running the following command:
npm install
-
Finally, start the application by running:
npm start
-
Voila! the admin server is ready for use. You can run it at http://127.0.0.1:3000/.
-
You can now head over to the frontend repository by clicking here to understand the steps to be followed for starting the ecommerce application.
Note: The products displayed in the web application are just for reference and do not correspond to any real products.