frontend inputs and outputs

docs/01_Problem_Definition/Requirements.md

@@ -1,8 +1,8 @@
-# Project Requirements — Biochar Placement Optimization Tool
+# Project Requirements - Biochar Placement Optimization Tool
 
 ## Table of Contents
 
-- [Project Requirements — Biochar Placement Optimization Tool](#project-requirements--biochar-placement-optimization-tool)
+- [Project Requirements - Biochar Placement Optimization Tool](#project-requirements--biochar-placement-optimization-tool)
   - [Table of Contents](#table-of-contents)
   - [Functional Requirements](#functional-requirements)
     - [User-Facing Input/Output](#user-facing-inputoutput)
@@ -65,11 +65,11 @@ The total budget of the product shall not exceed $1000.
 
 The following schedule outline shall be followed:
 
-- Approval of Requirements — Sept. 30, 2025
-- Concept Design Review — Nov. 30, 2025
-- EPO of long lead parts — Dec. 8, 2025
-- Detailed Design Review — Feb. 9, 2026
-- ER of drawing package — Mar. 2, 2026
-- Complete Prototype Build — Apr. 5, 2026
-- UI Design EXPO — Apr. 26, 2026
-- Final Report / Drawings — May 4, 2026
+- Approval of Requirements - Sept. 30, 2025
+- Concept Design Review - Nov. 30, 2025
+- EPO of long lead parts - Dec. 8, 2025
+- Detailed Design Review - Feb. 9, 2026
+- ER of drawing package - Mar. 2, 2026
+- Complete Prototype Build - Apr. 5, 2026
+- UI Design EXPO - Apr. 26, 2026
+- Final Report / Drawings - May 4, 2026

docs/03_Project_Management/Schedule/Schedule.md

@@ -4,7 +4,7 @@ The project schedule outlines the planned timeline and major milestones for Char
 
 The schedule provides a high-level view of dependencies between tasks, showing how progress in one area (such as dataset preparation) enables the next (such as model development). By visualizing these relationships, the schedule helps identify potential bottlenecks early and ensures efficient coordination between contributors.
 
-The Gantt chart accompanying this document serves as the main visual reference for the project’s timeline. It includes major milestones—such as Snapshot Days—to track deliverable progress and measure readiness for deployment.
+The Gantt chart accompanying this document serves as the main visual reference for the project's timeline. It includes major milestones-such as Snapshot Days-to track deliverable progress and measure readiness for deployment.
 
 In summary, the schedule acts as both a **planning tool** and a **communication aid**, helping the team maintain focus, manage dependencies, and make informed adjustments as the project evolves.
 

frontend/README.md

@@ -110,14 +110,14 @@ The frontend integrates with Django REST Framework using **TokenAuthentication**
 
 ### Key Files
 
-- `src/services/authService.ts` — API calls and token management
-- `src/contexts/AuthContext.tsx` — Auth state and methods
-- `src/types/auth.ts` — TypeScript types for auth
-- `src/components/ProtectedRoute.tsx` — Guards authenticated pages
-- `src/components/PublicRoute.tsx` — Prevents logged-in users from seeing login/signup
-- `src/pages/LoginPage.tsx` — Login form
-- `src/pages/SignupPage.tsx` — Registration form
-- `src/pages/HomePage.tsx` — Protected home page (shown only to authenticated users)
+- `src/services/authService.ts` - API calls and token management
+- `src/contexts/AuthContext.tsx` - Auth state and methods
+- `src/types/auth.ts` - TypeScript types for auth
+- `src/components/ProtectedRoute.tsx` - Guards authenticated pages
+- `src/components/PublicRoute.tsx` - Prevents logged-in users from seeing login/signup
+- `src/pages/LoginPage.tsx` - Login form
+- `src/pages/SignupPage.tsx` - Registration form
+- `src/pages/HomePage.tsx` - Protected home page (shown only to authenticated users)
 
 ---
 
@@ -172,10 +172,10 @@ Commit both `package.json` and the lock file to version control.
 - **Package manager**: `npm`
 - **Project root**: `src/`
 - **Main commands**:
-  - `npm run dev` — start development server
-  - `npm run build` — build for production and type check
-  - `npm run preview` — preview production build
-  - `npm run lint` — lint codebase
+  - `npm run dev` - start development server
+  - `npm run build` - build for production and type check
+  - `npm run preview` - preview production build
+  - `npm run lint` - lint codebase
 - **Configuration**:
   - TypeScript: `tsconfig.json`
   - Vite: `vite.config.ts`

frontend/index.html

@@ -3,6 +3,13 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+     crossorigin=""/>
+      <!-- Make sure you put this AFTER Leaflet's CSS -->
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+     crossorigin=""></script>
     <!-- no logo for now -->
     <title>CharAI</title>
   </head>