💪 B14-A6 FITLOG — 60/60 Examiner Simulation
An interactive 60/60 Final Examiner Simulation Checklist created to help test a B14-A6 FitLog project before submission.
🤖 AI-Created Tool: This simulation checklist and its interactive HTML implementation were created with the help of AI (ChatGPT). It is designed as a testing assistant, not as an official Programming Hero grading tool.
🎯 What Is This Simulation For?
This tool works like a Todo-style examiner checklist.
Instead of checking the FitLog project requirements from a normal text document, you can open the HTML file in your browser and test your project feature-by-feature.
For every requirement, you can:
☑️ Mark it as checked
🔄 Reset the checklist
💾 Keep progress saved automatically
📊 Track your overall checking progress
🧪 Follow a realistic final-exam testing flow
The goal is to make the final checking process faster and reduce the chance of forgetting an important requirement before submission.
🧪 What Does It Check?
The simulation covers the major FitLog requirements, including:
🏠 Basic Project Check
Deployment
Homepage loading
Runtime errors
Broken images/icons
GitHub repository
Git commits
README requirements
📱 Responsive Design
Desktop
Tablet
Mobile
Navbar responsiveness
Hero responsiveness
Library grid
Footer responsiveness
Horizontal overflow
🧭 Navbar
Logo
Workout navigation
My Plan navigation
Active link
Plan counter
Saved counter
Counter navigation
🎯 Hero / Banner
Required text
CTA button
CTA icon
Hero image
Scroll-to-library behavior
📚 Workout Library
API data
Workout cards
Images
Categories
Names
Equipment
Duration
Calories
Rating
Details page navigation
Loading state
🏋️ Workout Details
Workout image
Title
Description
Category
Equipment
Difficulty
Sets
Reps
Duration
Calories
Rating
Instructions
Add to Today's Plan
Save for Later
📋 Today's Plan
Adding workouts
Duplicate protection
Five-workout limit
Navbar counter
Toast notifications
Metrics
Remove action
Mark as Done
View Details
💾 Saved Workouts
Save functionality
Saved counter
Saved tab
Duplicate protection
Toast notifications
📊 My Plan
Exercises metric
Minutes metric
Calories metric
Today's Plan tab
Saved tab
Empty state
Workout actions
🔢 Sorting
Duration
Calories
Rating
Default sorting
Actual sorting functionality
Chevron icon
🚫 Routing & Refresh
Home route
My Plan route
Exercise details route
Invalid route
404 page
Direct URL access
Browser refresh
Browser Back
Browser Forward
🛡️ Error Safety
API loading
Missing data
Invalid ID
Network/loading states
Runtime error checking
🦶 Footer
Logo
FITLOG
Copyright
Dark design
Responsive layout
🚨 Final Zero-Fail Check
The simulation also contains a final quick-check section for:
Console errors
Broken images
Broken routes
Duplicate items
Five-item plan limit
Counters
Metrics
Toasts
Sorting
Mark as Done
Remove
404
Refresh
Responsive design
README
Git commits
Live URL
GitHub URL
💾 LocalStorage Support
The checklist uses the browser's localStorage to save your checking progress.
That means:
Check item ↓ Progress saved ↓ Close browser ↓ Open checklist again ↓ Checked items remain checked
No database or backend is required.
🖥️ How To Use
- Download / open the HTML file
Open:
fitlog-60-60-checklist-full.html
- Open it in a browser
You can use:
Chrome
Edge
Firefox
Any modern browser
- Start testing your FitLog project
Keep your deployed FitLog website open in another browser tab.
Then follow the checklist from top to bottom.
🔥 Recommended Testing Flow
For the fastest final simulation:
Live Website ↓ Navbar ↓ Hero ↓ Library ↓ Workout Details ↓ Add to Plan ↓ Duplicate Protection ↓ Save ↓ My Plan ↓ Metrics ↓ Mark as Done ↓ Remove ↓ Saved Tab ↓ Sort ↓ Empty State ↓ 404 ↓ Direct Routes ↓ Refresh ↓ Mobile ↓ Tablet ↓ Desktop ↓ GitHub ↓ README ↓ Final Console Check
🤖 AI Creation
This simulation was created using AI (ChatGPT) based on the B14-A6 FitLog assignment requirements and the examiner-style testing checklist.
The AI was used to help:
Structure the requirements
Convert requirements into testable checklist items
Build the interactive HTML interface
Add checkbox functionality
Add localStorage persistence
Add progress tracking
Add responsive CSS
Organize the final testing flow
Important
This is an unofficial testing utility.
It does not automatically inspect or grade your FitLog website, GitHub repository, API, deployment, or source code.
You must manually verify each requirement against your actual project.
📌 Purpose
The main purpose of this project is simple:
Turn the B14-A6 FitLog requirements into a practical final-exam simulation so a developer can manually verify the project before submission.
It is especially useful for doing a final 60/60 readiness check without repeatedly going back to the original assignment document.
🏆 Final Goal
Use the checklist until your project has been manually verified from:
Home → Details → Plan → Saved → Actions → Sort → Routing → Refresh → Responsive → GitHub → README → Final Console Check
Then use your own judgment about whether your project is ready for submission.
👨💻 Credits
Project: B14-A6 FITLOG — 60/60 Examiner Simulation Created with: 🤖 AI / ChatGPT Purpose: FitLog assignment testing & final verification Format: HTML + CSS + JavaScript + localStorage
This is a personal/unofficial checklist tool.
It is not an official grading system, and completing every checkbox does not guarantee a particular assignment score. Final grading depends on the actual project implementation and the instructor/evaluator's assessment.