Skip to content

Vehicle Maintenance Software

I created my first Hybrid Mobile Application with Phonegap

The goal of this project was to create a Vehicle Maintenance software where I could add new Vehicles, insert some information (brand, model, etc) and delete them if necessary.
I also wanted to have a maintenance log for every single vehicle where I could insert new lines every time I did some maintenance for a said vehicle.

So for this to work, I first created a Spring-Boot software for backend, which uses JPA and Hibernate. Following the configuration I had set up, it creates the database automatically when deployed to the server.

Frontend was made using jQuery and jQuery Mobile and it uses Ajax for database manipulation.

Github repository for Backend
Github repository for Frontend


The landing page lists all the vehicles from the Database and every Vehicle is a button that leads to a new page listing all the other information of that Vehicle.

vm1

 


You can also add new Vehicles by entering correct information on the input fields. The last 3 fields uses jQuery Mobiles Dateboxes.

vm2


When you select a single Vehicle, it will lead to a new page listing all the other information you entered previously.

vm3


If you swipe left from the Details page, you will get to a new page that lists all the logs for that Vehicle. From here you also have the opportunity to add and remove logs.

vm4


Adding a new log is identical technically to adding a new Vehicle, just less input fields to fill.

vm5

Published inUncategorized

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *