Update readme and fronted for exercise trakcing

Author: SteveMCWin

README.md

@@ -1,8 +1,8 @@
 # Fitness Tracking App
-My second golang project.\
+My second golang project.
 I track my own workouts in the notes app, which is a bit tedious, so I decided to make a web app that would solve the problems I encounter on an almost daily basis.\
 
-This poject is the continuation of learning backend web development, which started with the [2D Tic Tac Toe](https://github.com/SteveMCWin/golang_tic_tac_toe) project, also created using golang and SQLite.\
+This poject is the continuation of learning backend web development, which started with the [2D Tic Tac Toe](https://github.com/SteveMCWin/golang_tic_tac_toe) project, also created using golang and SQLite.
 
 ## Features
 - User authentication
@@ -12,6 +12,9 @@ This poject is the continuation of learning backend web development, which start
 - Basic workout plan analysis
 - Viewing and copying other users workout plans
 - Gym - workout plan compatability analysis
+- Per-exercise progression over time
 
 ## Screenshots
 ![Check out the screenshots directory](screenshots/plan_example.png?raw=true)
+![Check out the screenshots directory](screenshots/exercise_tracking.png?raw=true)
+

screenshots/exercise_tracking.png

@@ -38,6 +38,5 @@ <h1>Welcome to My Web App</h1>
     <a href="/user/{{ .user_id }}" class="btn">Profile</a>
     <a href="/user/search" class="btn">Find User</a>
     <a href="/gym/search" class="btn">Find Gyms</a>
-    <a href="/user/{{ .user_id }}/track/progress/" class="btn">Show Progress</a>
 </body>
 </html>

templates/index.html

@@ -278,7 +278,7 @@
     <div class="container">
         <div class="header">
             <h1>Exercise Progress Tracking</h1>
-            <p>Monitor your intensity improvements over time</p>
+            <p>Monitor your progress over time</p>
         </div>
 
         <div class="content">
@@ -615,9 +615,6 @@ <h2>Input an exercise you want to see the progress of</h2>
             document.getElementById('selectedExerciseType').textContent = `Type: ${selectedExercise.exercise_type}`;
             document.getElementById('selectedExerciseDifficulty').textContent = `Difficulty: ${selectedExercise.difficulty}/10`;
 
-            // Sort data by time_point
-            <!-- exerciseProgress.sort((a, b) => new Date(a.time_point) - new Date(b.time_point)); -->
-            
             // Prepare data for Chart.js
             const labels = exerciseProgress.map(item => {
                 const date = new Date(item.time_point);
@@ -633,17 +630,13 @@ <h2>Input an exercise you want to see the progress of</h2>
 
             // Calculate statistics
             const totalSessions = exerciseProgress.length;
-            <!-- const avgIntensity = (intensityData.reduce((a, b) => a + b, 0) / totalSessions).toFixed(1); -->
-            <!-- const maxIntensity = Math.max(...intensityData).toFixed(1); -->
             const improvement = exerciseProgress.length > 1 
-                ? (intensityData[intensityData.length - 1] - intensityData[0]).toFixed(1)
+                ? ((intensityData[intensityData.length - 1] - intensityData[0])/intensityData[0]*100).toFixed(1)
                 : 0;
 
             // Update statistics
             document.getElementById('totalSessions').textContent = totalSessions;
-            <!-- document.getElementById('avgIntensity').textContent = avgIntensity; -->
-            <!-- document.getElementById('maxIntensity').textContent = maxIntensity; -->
-            document.getElementById('improvement').textContent = improvement > 0 ? `+${improvement}` : improvement;
+            document.getElementById('improvement').textContent = improvement >= 0 ? `+${improvement}%` : `-${improvement}%`;
 
             // Create the chart
             const ctx = document.getElementById('progressChart').getContext('2d');