https://github.com/sam4web/shopswift
A responsive e-commerce app built using MERN Stack
https://github.com/sam4web/shopswift
ecommerce-app express jwt-authentication mern-stack mongodb nodejs react-router-dom reactjs redux tailwindcss
Last synced: 2 months ago
JSON representation
A responsive e-commerce app built using MERN Stack
- Host: GitHub
- URL: https://github.com/sam4web/shopswift
- Owner: sam4web
- Created: 2025-04-01T13:58:34.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-01T15:08:51.000Z (2 months ago)
- Last Synced: 2025-04-01T16:30:00.679Z (2 months ago)
- Topics: ecommerce-app, express, jwt-authentication, mern-stack, mongodb, nodejs, react-router-dom, reactjs, redux, tailwindcss
- Language: JavaScript
- Homepage: https://projectshopswift.netlify.app/
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ShopSwift
ShopSwift is a modern e-commerce platform featuring a responsive frontend and a powerful backend. Built using the **MERN Stack**, ShopSwift provides a seamless shopping experience with user authentication, product browsing, shopping cart functionality, and order management.
## Table of Contents
- [ShopSwift](#shopswift)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Frontend](#frontend)
- [Backend](#backend)
- [Technologies Used](#technologies-used)
- [Frontend](#frontend-1)
- [Backend](#backend-1)
- [Screenshots](#screenshots)
- [API Endpoints](#api-endpoints)
- [Authentication](#authentication)
- [Users](#users)
- [Products](#products)
- [Orders](#orders)
- [Cart](#cart)
- [Project Links](#project-links)
## Features
### Frontend
- **User Authentication**: Secure sign-up, login, and logout with session handling.
- **Responsive Design**: Optimized for both desktop and mobile.
- **Product Listings**: Browse and search products with detailed descriptions and prices.
- **Shopping Cart**: Add/remove items and update quantities.
- **Order Management**: Place and track orders.
### Backend
- **Secure Authentication**: Uses **JWT (JSON Web Tokens)** for authentication.
- **Product Management**: Create, update, and delete products.
- **Order Processing**: Handle orders with real-time status updates.
- **Shopping Cart API**: Manage cart items and pricing calculations.
- **Scalability**: Designed to handle large-scale operations efficiently.
## Technologies Used
### Frontend
- **[React.js](https://reactjs.org/)** - Dynamic and interactive UI.
- **[Redux](https://redux.js.org/)** - Global state management.
- **[TailwindCSS](https://tailwindcss.com/)** - Utility-first styling.
- **[React Router DOM](https://reactrouter.com/)** - Routing and navigation.
### Backend
- **[Node.js](https://nodejs.org/)** - Server-side JavaScript runtime.
- **[Express.js](https://expressjs.com/)** - Web framework for API handling.
- **[MongoDB](https://www.mongodb.com/)** - NoSQL database for storing data.
- **[Mongoose](https://mongoosejs.com/)** - Schema-based interaction with MongoDB.
- **[JWT (JSON Web Tokens)](https://jwt.io/)** - Authentication mechanism.
## Screenshots
_Homepage showcasing featured products._
_Product listing page displaying available items._
## API Endpoints
### Authentication
- **`POST /api/auth/register`** - Register a new user.
- **`POST /api/auth/login`** - Log in a user.
- **`POST /api/auth/logout`** - Log out the user.
- **`POST /api/auth/refresh`** - Refresh the JWT token.
### Users
- **`GET /api/users/:id`** - Get user details.
- **`GET /api/users/:id/products`** - Get products created by the user.
### Products
- **`GET /api/products`** - Retrieve all products.
- **`GET /api/products/:id`** - Retrieve a specific product.
- **`POST /api/products`** - Add a new product.
- **`PATCH /api/products/:id`** - Update product details.
- **`DELETE /api/products/:id`** - Delete a product.
### Orders
- **`GET /api/orders`** - Retrieve all orders.
- **`POST /api/orders`** - Place a new order.
### Cart
- **`GET /api/cart`** - Retrieve the shopping cart.
- **`POST /api/cart`** - Add items to the cart.
- **`DELETE /api/cart/:id`** - Remove an item from the cart.
- **`GET /api/cart/pricing`** - Get pricing details.
## Project Links
- **Live Application**: [ShopSwift Live](https://projectshopswift.netlify.app/)
- **Live API**: [ShopSwift API](https://shopswift-a9hj.onrender.com)
- **Frontend Code**: [Frontend Repository](https://github.com/sam4web/shopswift/tree/main/frontend)
- **Backend Code**: [Backend Repository](https://github.com/sam4web/shopswift/tree/main/backend)