kiwijos / jsramverk-frontend

The web client for our train delay management system in the course jsramverk at BTH

Description

This is the frontend part of our web application. Here we will focus on the choices made, challenges encountered and solutions implemented in the frontend only. To get the full picture of our work in this course, please have a look in the repository of the backend part of our application.

Getting the application to run

Fixing vulnerabilities

Before running the npm audit tool we had to create a lockfile and npm package. When running the audit tool, no vulnerabilities were found. Which came as no surprise as the application was not depending on any external modules. For more information about vulnerabilities, please see the README in the repository of the backend part of our application.

Frontend framework

We chose Vue as our frontend JavaScript framework. It's a well-established framework that boasts both a gentle learning curve and impressive performance. We are a team of two people, one with no previous experience of working with any JavaScript framework who's looking for something approachable. The other has all the more experience and sees Vue as a relevant technology in the industry, although, he's never used it himself. With this choice of framework, we hope to bridge the gap between our differing experience levels and collaborate smoothly while also acquiring a skill that is in demand.

jsramverk-frontend's Issues

Login/Register functionality

• Add ability to login
• Authguard
• Add ability to register a new user

Implement frontend with the current functionality but in Vue

Improve ticket handling

Tasks:

• Populate form with the selected ticket's original values as the default
• Update table when a ticket is successfully deleted/updated (refreshing should not be necessary)
• Decide on what date format to use
• Tune form validation if necessary
• Add indication that table rows are clickable for improved accessibility
• See if there are any meaningful benefits of using addField over defineInputBinds in vee-validate

Implement tests to ensure functionality

Setup CI with Github Actions

Make it possible to edit tickets

Update auth middleware

Update middleware to be able to use with graphql