Project ShopSwift

ShopSwift is an e-commerce platform developed as a practice project to demonstrate my skills in full-stack web development. Built using the MERN Stack, it features a responsive frontend and a powerful backend. ShopSwift showcases key e-commerce functionalities, including user authentication, product browsing, a functional shopping cart, and a system for order management.

Table of Contents

• Project ShopSwift
  • Table of Contents
  • Features
    • Frontend
    • Backend
  • Technologies Used
    • Frontend
    • Backend
  • Screenshots
  • API Endpoints
    • Authentication
    • Users
    • Products
    • Orders
    • Cart
  • 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 - Dynamic and interactive UI.
• Redux - Global state management.
• TailwindCSS - Utility-first styling.
• React Router DOM - Routing and navigation.

Backend

• Node.js - Server-side JavaScript runtime.
• Express.js - Web framework for API handling.
• MongoDB - NoSQL database for storing data.
• Mongoose - Schema-based interaction with MongoDB.
• JWT (JSON Web Tokens) - 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

• Frontend Code: Frontend Repository
• Backend Code: Backend Repository
• Live Application: ShopSwift Live
• Live API: ShopSwift API