A web-based real-time vehicle service tracking system built for FocusAuto Repair Shop Kalasey.
Undergraduate Thesis Project — Information Systems, Sam Ratulangi University, 2026
FocusAuto is a web-based near real-time car service status tracking system developed as an undergraduate thesis project. The system was built to address the operational challenges at FocusAuto Repair Shop Kalasey, where service progress updates were previously delivered manually through WhatsApp and phone calls — causing delays, inconsistency, and lack of transparency for customers.
This system allows:
- Admins to manage customer data, update service progress in near real time, and generate invoices.
- Customers to independently monitor their vehicle's service status, view invoices, and access service history — all through a clean, mobile-friendly web interface.
The system was developed using the Rapid Application Development (RAD) methodology and evaluated using Blackbox Testing and the System Usability Scale (SUS), achieving an average SUS score of 85.25 (Excellent).
- Secure login with username & password
- Dashboard with real-time service statistics and monthly income chart
- Customer & vehicle data management (Add, Edit, Delete, Search)
- Service progress tracking with status updates and photo uploads
- Invoice generation with PDF export (including 11% tax calculation)
- Admin account management
- Service history view
- Login using registered vehicle plate number
- Real-time service tracking with progress stepper
- Pop-up notification when service status is updated
- Invoice viewing, downloading, and printing
- Service history records
| Layer | Technology |
|---|---|
| Backend Framework | Laravel (PHP) |
| Frontend | Bootstrap 5, Blade Templating |
| Database | MySQL |
| Local Server | XAMPP (Apache + phpMyAdmin) |
| Development Method | Rapid Application Development (RAD) |
| Testing | Blackbox Testing, System Usability Scale (SUS) |
- PHP >= 8.1
- Composer
- XAMPP (or any local server with MySQL)
- Node.js & NPM
- Clone the repository
git clone https://github.com/mystrygrdn/your-repo-name.git
cd your-repo-name- Install dependencies
composer install
npm install && npm run build- Configure environment
cp .env.example .env
php artisan key:generate- Set up the database
- Create a new MySQL database (e.g.,
focusauto_db) - Update
.envwith your database credentials:
- Create a new MySQL database (e.g.,