Dzakwan Diego
Frontend Developer
Back
Company
PT. Mahesa Jenar Semarang
Year
2024
Stack
Vue, Tailwind
Summary
This website contains database for Semarang student that submited to PIP scholarships trough YS. This website is built with Vue and Tailwind.
Background
Refactoring of the YS Scholarship's databases from manually entry with Microsoft Excel to online databases that could entried from anywhere. The entry officer was spreaded over Semarang. The data was used for submit the PIP scholarships.
Design Process
Goals
The expected outcome of this project is a web-based application that can be used to be databases that could be accessed via online. The application should be able to:
  • Input students data
  • Access the data
  • Access the entry officer statistic
  • Export the data
System Spesification
This website was built using Vue and Tailwind for styling, all data is obtained from the API endpoint and then processed to be presented to the user. There is a form to entry the data, had a edit and delete feature for mistaken entry. Filter based on student class, submission status, students based on aspirator and search feature to ease viewing the data.
Results
Home Page
Add Data Page
Data Page
Statistic Page
Tech Stack
  • VueJS
  • Tailwind