Skip to content

**Welcome to the MERN Stack E-Commerce Project!** This full-stack app delivers a secure and seamless online shopping experience, powered by the robust MERN stack.

Notifications You must be signed in to change notification settings

SaqibAli47/MERNCommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack E-Commerce Project 🚀

Welcome to the MERN Stack E-Commerce Project! This full-stack application provides a robust e-commerce solution, leveraging the power of the MERN stack to offer a seamless and secure online shopping experience.

🔥 Features

  • Basic E-Commerce Functionality:

    • Product Lists
    • Product Details
    • Shopping Cart
    • Checkout Process
  • Secure Payments:

    • Supports Card Payments
    • Cash Payments
  • Admin Panel:

    • Manage Orders
    • Add/Edit Products
  • Advanced Data Handling:

    • Sorting
    • Filtering
    • Pagination Queries using Mongoose
  • Authentication:

    • Implemented with Passport.js Strategies
  • Automated Emails:

    • Order Confirmation Emails
    • Password Reset Emails
  • User Management:

    • User Profiles
    • User Orders

🔧 Technical Details

  • Frontend:

    • React 18
    • Tailwind CSS
    • Redux Toolkit with Async Thunk
    • React Router v6
    • JSON-server for Front-End Testing
  • Backend:

    • Express for REST API
    • Mongoose v7 for ODM
    • Passport.js for Authentication
    • Passport JWT for API Authentication
  • Database:

    • MongoDB Atlas Cloud Database
  • Deployment:

    • Vercel Server
  • Email Services:

    • Nodemailer using Gmail SMTP
  • Payments:

    • Stripe Integration with PaymentIntent-based Custom Flow

🚀 Getting Started

To get started with the project, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/yourusername/mern-ecommerce-project.git
  2. Navigate to the Project Directory:

    cd mern-ecommerce-project
  3. Install Dependencies:

    npm install
  4. Set Up Environment Variables: Create a .env file in the root directory and add your configuration details (e.g., Stripe API keys, MongoDB URI).

  5. Run the Application:

    npm run dev
  6. Open in Browser: Visit http://localhost:3000 to start exploring the application!

💬 Contributing

We welcome contributions from the community! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Commit your changes (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Create a new Pull Request.

For major changes, please open an issue first to discuss what you would like to change.

📧 Contact

For any questions, suggestions, or feedback, feel free to reach out to us at saqib.ali@triplek.tech.


Thank you for checking out the MERN Stack E-Commerce Project! We hope you find it useful and look forward to your contributions.

About

**Welcome to the MERN Stack E-Commerce Project!** This full-stack app delivers a secure and seamless online shopping experience, powered by the robust MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published