Website developed to help my friends fill and send university related papers. It gathers data via many forms and creates a pdf file containing ready-to-send document. It heavily relies on vue framework with javascript. The idea came to me when at the end of second term me and many others students like me had to resend said papers many times before they were accepted by the dean.
- Vue
- VueRouter
- Axios
- Cookies
- JWT
For starters install all modules using npm install. And start hosting the website by typing npm run serve, after few seconds just simply hit on one of two links displayed in your command prompt and enjoy cruising my website. It is important to notice that for cruicial features of the site you will need a serverside backend that i developed here just follow the guide there to setup server for our website.
The website is composed of many sub-websites which are being shown according to router file which contains many routes and redirects. First site that will appear in front of you is a homepage.
Homepage component
It briefly explains the main purpose of the site and lets you explore the other contents of webste by hitting the get started button.
Log in and Sign in component
Another sub-page that will be displayed is a basic log in / sign in webpage meant for preety and pleasing account managment experience. It contains an css animation which separates log in and sign in parts. After logging or signing in you will be provided with and access token that will be stored in cookies using this methods. it will allow you to skip logging in process and be redirected automatically to your account page.
Account component
An account site contains of buttons allowing you to create edit delete and download existing files it also got a log out feature. This page displays created files with according dates and file names so that you can save already created files and store them on your account for future use.
This page contains a large form that will allow server to generate a file and pdf. It consists of three segments. Personal Info focused on your personal data like name, surname, e-mail etc. Main Subjects these are the mandatory courses that you are obligated to pass. They are defined by name, hour distribution and ects points. Side Subjects which are not predetermined by your faculty's dean but you have to finish enough of them to gather given amount of ects per term.
Generated PDF component
After hitting the download button you will be presented with a generated PDF file which then will be automatically downloaded and saved on your computer. It contains all of the gathered info with some extra features like summed up ects points and hours. This file is ready to be sent to your deans office. It saves your time by automating the whole process of filling papers and messing with right pagination of file. There are no differences when compared to hand-made paper sent to my dean during first term.
If something does not work properly start your debug process by deleting cookies provided by localhost.