https://github.com/vinay-patel22/shopverse
ShopVerse is a fully-responsive e-commerce platform built using the MERN stack, featuring React for the frontend, Node.js and Express for the backend, and MongoDB for the database. It integrates Stripe for secure payments and sends invoices via email.
https://github.com/vinay-patel22/shopverse
e-commerce-platform live-website mern-stack mongodb nodejs reactjs stripe-payments vinay-patel vinay-patel22
Last synced: 4 months ago
JSON representation
ShopVerse is a fully-responsive e-commerce platform built using the MERN stack, featuring React for the frontend, Node.js and Express for the backend, and MongoDB for the database. It integrates Stripe for secure payments and sends invoices via email.
- Host: GitHub
- URL: https://github.com/vinay-patel22/shopverse
- Owner: vinay-patel22
- Created: 2023-08-10T06:59:24.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-28T13:56:52.000Z (10 months ago)
- Last Synced: 2025-04-28T14:04:56.079Z (5 months ago)
- Topics: e-commerce-platform, live-website, mern-stack, mongodb, nodejs, reactjs, stripe-payments, vinay-patel, vinay-patel22
- Language: JavaScript
- Homepage: https://shopverse-ivory.vercel.app
- Size: 14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN E-Commerce Website - College Project
Welcome to MERN E-Commerce website, a college project.
## Table of Contents
1. [Features](#features)
2. [Technical Details](#technical-details)
3. [Acknowledgments](#acknowledgments)
## 1. Features
🔥 This project showcases an E-Commerce website with the following features:
- Product Lists: Browse and explore a wide range of products available for purchase.
- Product Details: View detailed information about each product, including images, descriptions, and pricing.
- Cart: Add and manage selected items in the shopping cart.
- Checkout: Securely process orders for payment and delivery.
- Secure Card Payments / Cash Payments: Provide users with multiple payment options.
- Admin Panel: Administrators can manage orders and products through an intuitive panel.
- Sorting, Filtering, and Pagination: Enhance the user experience with efficient data handling.
- Authentication: Implement user authentication using Passport JS strategies.
- Order Emails: Send order confirmation and status emails to users.
- Reset Password Emails: Allow users to reset their passwords securely.
- User Profile: Users can view and manage their profile information.
- User Orders: Users can track their order history.
## 2. Technical Details
🔥 The project is built using the following technologies:
- Frontend:
- React 18 with Tailwind CSS: Creating responsive and visually appealing user interfaces.
- Redux Toolkit with Async Thunk: Managing state and asynchronous actions efficiently.
- React Router v6: Handling client-side routing.
- JSON-server: Used for front-end testing and mocking API responses.
- Backend:
- MongoDB: Database for storing product, user, and order information.
- Mongoose v7: Object Data Modeling (ODM) for MongoDB, providing a schema-based solution.
- Express: REST API implementation for handling server-side requests.
- Authentication: Passport JS for user authentication.
- API Authentication: Passport JWT for securing API endpoints.
- MongoDB Atlas: Cloud database service for seamless deployment and management.
- Deployment:
- Vercel: Server deployment for hosting the website.
- Nodemailer: Used with GMail SMTP system for sending emails (order confirmation, password reset).
- Stripe: Integrated with PaymentIntent for secure and custom payment flows.
## 3. Acknowledgments
🙏 Special thanks to **CoderDost** for providing inspiration and guidance throughout the development process.
You can find more tutorials and content at [CoderDost's YouTube Channel](http://youtube.com/c/CoderDost).
---
Thank you for using our MERN E-Commerce website! We hope you enjoy exploring its features and functionalities. If you have any questions or encounter any issues, please don't hesitate to contact us. Happy shopping! 😊