Skip to content

Abir191197/AthlonGear_Frontend

Repository files navigation

Athlon Gear

Sporting Goods small E-Commerce Website

Overview

A comprehensive e-commerce platform for sporting goods

Core Pages

1. Navbar & Footer

  • Navbar: Logo, All Products, Manage Products, Cart, About Us.
  • Footer: Social media icons, essential page links.

2. Homepage

  • Hero Section: Carousel with discounts.
  • Featured Section: Latest products with details and "View Details" button.
  • Category Section: Filters products by category.
  • Contact Us Section: Form .

3. About Us

  • Company info, mission, vision, contact info, team, and store location.

4. All Products

  • Display: All products with search, filters, and sorting options.

5. Single Product

  • Details: Product info, image, Add to Cart button (duplicates increase quantity up to stock).

6. Cart Page

  • View Cart: Products in cart, quantity management, and total price with 15% VAT.

7. Checkout Page

  • User Details: Collect name, email, phone, and address.
  • Payment Methods: Cash on Delivery or Stripe (optional).
  • Order Confirmation: Sends an email with order details upon completion.

8. Manage Products

  • CRUD Operations: Add, delete, update products with RTK Query.

Email Send

  • Email Notifications: Sends email with order details upon successful order placement

9. Track Order

  • Track Order Page: Allows users to track their orders using order ID.
  • Order Status: Displays status progress and order details.

Tech Stack

Client

React Redux TypeScript TailwindCSS

Server

NodeJS TypeScript Express.js MongoDB Zod mongoose Node Mailer

Backend Resource

Deployment

To Run this project run

  npm git clone GIT_REPO
  npm run dev

Logo

Logo

Support

For support, email [email protected]

License

License: MIT

License

License

License