https://github.com/adithyasync/e-commerce_platform

A React-Router based E-Commerce Platform
https://github.com/adithyasync/e-commerce_platform

bootstrap component-architecture ejs expressjs fetch-api flexbox flexbox-grid html-css-javascript jsx navigation-architecture-component react react-router rendering rest-api

Last synced: 2 months ago
JSON representation

A React-Router based E-Commerce Platform

• Host: GitHub
• URL: https://github.com/adithyasync/e-commerce_platform
• Owner: adithyasync
• Created: 2025-07-14T05:41:41.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-14T06:25:57.000Z (11 months ago)
• Last Synced: 2025-07-14T07:48:31.238Z (11 months ago)
• Topics: bootstrap, component-architecture, ejs, expressjs, fetch-api, flexbox, flexbox-grid, html-css-javascript, jsx, navigation-architecture-component, react, react-router, rendering, rest-api
• Homepage: https://buyzaar.ccbp.tech
• Size: 22.5 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# E-Commerce_Platform

A React-Router based E-Commerce Platform

# User Credentials: 

  PrimeUser:

    

    username: rahul

    password: rahul@2021

  Non-Prime User:

  

    username: Raju

    Password: Raju@2021

 Website Link: https://buyzaar.ccbp.tech

 Core Technical Features – E-Commerce Web Application

# 🔐 Authentication & Authorization

  Implements secure login/logout functionality using JWT (JSON Web Tokens).

  Tokens are stored in browser cookies for session persistence.

  Protected routes are enforced using conditional rendering and React Router guards.

  Unauthorized access is blocked, and users are redirected based on auth state (e.g., logged-in users can’t access login page).

# 🌐 React Router for SPA Navigation

  Utilizes React Router to create a single-page application (SPA) experience.

  Route-level protection is handled using Redirect and history.push() methods.

  Pages like Products, Cart, and Dashboard are accessible only to authenticated users.

# 📡 Backend Communication & Data Handling

  Performs API calls for login, registration, and product retrieval using fetch or axios.

  GET requests handle credential input during login, and POST requests validate access.

  User data, product info, and cart details are persisted in a backend database.

  Backend supports authentication checks and user management via secure API endpoints.