From 34eab6e78a91be7fd6cfdf42ccd42a652fa5975f Mon Sep 17 00:00:00 2001
From: VivaanFernandes <109189232+VivaanFernandes@users.noreply.github.com>
Date: Fri, 19 Sep 2025 12:09:33 +1000
Subject: [PATCH] Add files via upload

docs(project-1/mobile-app): add Admin Panel Development
---
 docs/project-1/_category_.json |  7 +---
 docs/project-1/admin-panel.md  | 70 ++++++++++++++++++++++++++++++++++
 2 files changed, 72 insertions(+), 5 deletions(-)
 create mode 100644 docs/project-1/admin-panel.md

diff --git a/docs/project-1/_category_.json b/docs/project-1/_category_.json
index 19fb21987..8de70163c 100644
--- a/docs/project-1/_category_.json
+++ b/docs/project-1/_category_.json
@@ -1,8 +1,5 @@
 {
-  "label": "Project 1",
+  "label": "Mobile App",
   "position": 3,
-  "link": {
-    "type": "generated-index",
-    "description": "VR Sun Cycle + Smart Bike Project"
-  }
+  "collapsed": false
 }
diff --git a/docs/project-1/admin-panel.md b/docs/project-1/admin-panel.md
new file mode 100644
index 000000000..265e57050
--- /dev/null
+++ b/docs/project-1/admin-panel.md
@@ -0,0 +1,70 @@
+---
+title: Admin Panel Development
+sidebar_position: 1
+---
+
+# Introduction
+
+This report outlines the development of the Admin Panel for the Redback Smartbike application. The Admin Panel is a secure web-based interface built using React on the frontend and integrates with a Django REST Framework (DRF) backend. It is intended for administrators to manage users, monitor system metrics, and handle communication efficiently.
+
+A critical part of this implementation is the token-based authentication system, which is integrated directly into Django's built-in authentication model using Django REST Framework's token module.
+
+# Objectives
+
+- Allow administrators to securely authenticate and access backend data.
+- Manage users through full CRUD operations (Create, Read, Update, Delete).
+- Provide insight into system usage via dashboard analytics.
+- Manage communication through a built-in messaging system.
+- Ensure secure, scalable API integration between frontend and backend.
+
+# Authentication System
+
+The Admin Panel uses token-based authentication built on Django REST Framework:
+
+- When a user attempts to log in, the frontend makes a request to the admin login API endpoint.
+- The backend uses Django's authentication system to verify the credentials.
+- Upon successful verification, a token is generated and returned in the login response.
+- The frontend stores the token and user data in session storage for the current session.
+- For all subsequent API requests requiring authentication, the token is attached in the HTTP headers to validate the session.
+
+This method allows for secure, stateless authentication and ensures that only authorized users can perform sensitive operations.
+
+# Features Overview
+
+**User Management**
+- Read: Fetch all user data from the backend.
+- Create: Add new user accounts via the frontend form.
+- Update: Modify existing user data such as email or role.
+- Delete: Remove users from the database.
+
+**Dashboard Analytics**
+- Total number of users
+- Usage patterns
+- System alerts or metrics
+
+**Messaging System**
+- View messages sent from users (e.g., queries, support requests)
+- Reply to messages directly via the panel
+- Track whether messages have been answered
+
+# Technology Stack
+
+| Layer      | Technology                                |
+|------------|-------------------------------------------|
+| Frontend   | React.js (with Axios and React Router)    |
+| Styling    | Bootstrap / Tailwind CSS                  |
+| Backend    | Django REST Framework                     |
+| Auth       | Token Authentication (rest_framework.authtoken) |
+| Storage    | Session Storage for token management      |
+| API Format | RESTful JSON endpoints                     |
+
+# API Integration Workflow
+
+Each module in the Admin Panel communicates with the backend through structured API calls. Authentication tokens are passed in the headers of each request to validate access. A typical request/response flow includes:
+
+1. Admin logs in via the login form.
+2. Token is returned and stored on the frontend.
+3. Token is included in the Authorization header for future requests:
+
+```http
+Authorization: Token <your_token_here>