MERN SHOP

This project is an advanced e-commerce platform built using the MERN stack, which includes MongoDs an advanced e-commerce platform built using the MERN stack, which includes MongoDB, Express.js, React, and Node.js. It incorporates various technologies such as React, Redux Toolkit, React Router DOM, MongoDB, Tailwind CSS, Stripe, Axios, and Nodemailer.

Features

• Full CRUD Operations: Perform Create, Read, Update, and Delete operations on products.
• Admin Panel: Admins have access to an admin page to manage product stocks and order statuses.
• Secure Authentication: Only authenticated users with admin privileges can access the admin panel.
• Seamless Shopping Experience: Users can browse through a wide range of tech devices, add them to the cart, and proceed to checkout with Stripe integration.
• Responsive Design: The UI is designed to provide an optimal experience across various devices and screen sizes.

How to Run the Project

To run the project locally, follow these steps:

Client Side (localhost:3000)

1. Clone the repository.
2. Navigate to the client directory: cd client.
3. Install dependencies: npm install.
4. Start the client server: npm start.
5. Access the project at http://localhost:3000 in your browser.

Server Side (localhost:8080)

1. Navigate to the server directory: cd server.
2. Install dependencies: npm install.
3. Start the server: npm run dev.
4. The server will be running at http://localhost:8080.

How to Contribute

I welcome contributions to enhance this project further. If you're interested in contributing, follow these steps:

1. Fork the repository.
2. Clone your forked repository to your local machine.
3. Create a new branch: git checkout -b feature/your-feature-name.
4. Make your changes and ensure they follow best practices.
5. Test your changes locally.
6. Commit your changes: git commit -m "Add your message here".
7. Push to the branch: git push origin feature/your-feature-name.
8. Create a pull request detailing your changes.

Contributing to Blog Page

I have a blog tab in the navbar where you can contribute by adding a working blog page that provides the latest tech news. Follow the steps above to contribute to this specific feature.