SA
Sadiastic/Sadiastic-Full-Stack-Clothing-Store
This project was built for my DBMS course at university using the MERN Stack, combining my skills in technology and my entrepreneurial drive.
How to Setup and Run the Project
Prerequisites
-
Install Node.js:
- Download and install Node.js from the official website: https://nodejs.org/en/download/
- Verify installation:
node -v npm -v
-
Install Git:
- Ensure Git is installed on your system: https://git-scm.com/
-
MongoDB and Stripe:
- Set up a MongoDB database and Stripe account for payment processing.
Steps to Run the Backend
- Open the project folder in VS Code or any code editor.
- Navigate to the
backendfolder:cd backend - Install dependencies:
npm install
- Configure the
.envfile:- Add the following variables to the
backend/.envfile:MONGO_URI=mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname> STRIPE_SECRET_KEY=your_stripe_secret_key PORT=5000
- Replace
<username>,<password>, and<dbname>with your MongoDB credentials. - Add your Stripe secret key.
- Add the following variables to the
- Start the backend server:
npm run server
- The backend will run at
http://localhost:5000.
- The backend will run at
Steps to Run the Frontend
- Navigate to the
frontendfolder:cd frontend - Install dependencies:
npm install
- Start the frontend:
npm run dev
- Open the application:
- The frontend will run at
http://localhost:5173. Open this link in your browser.
- The frontend will run at
Steps to Run the Admin Panel
- Navigate to the
adminfolder:cd admin - Install dependencies:
npm install
- Start the admin panel:
npm run dev
- Open the admin panel:
- The admin panel will run at
http://localhost:5174. Open this link in your browser.
- The admin panel will run at
Notes
- Ensure the backend server is running before starting the frontend or admin panel.
- Database Setup:
- MongoDB must be running, and your database should have the appropriate collections (
users,products,orders).
- MongoDB must be running, and your database should have the appropriate collections (
- Stripe Payments:
- Payments will only work if Stripe is correctly configured in the
.envfile.
- Payments will only work if Stripe is correctly configured in the
- Environment Variables:
- Ensure all required variables are correctly set in the respective
.envfiles.
- Ensure all required variables are correctly set in the respective
Troubleshooting
- If you encounter any issues, check the terminal logs for errors.
- Ensure Node.js and MongoDB are correctly installed and running.
- Clear the browser cache if the frontend or admin panel fails to load.
For further assistance, feel free to reach out!
On this page
Languages
JavaScript98.6%CSS0.7%HTML0.7%
Contributors
Created December 21, 2024
Updated November 28, 2025