FIPost / FIPost/FIPost

Frontend version 2

Open
#32 1 comment 0 reactions 0 assignees View on GitHub
change good first issue
Dominant language
Shell
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

The frontend needs a good refactor, the code is messy and hard to read.

## What are the problems with the current frontend:
- HTML components have a hard to read structure, often using useless tags.
- The CSS scripts are all over the place and often hard to reuse, it lacks uniformity.
- We cannot develop or test the frontend without a running backend.
- The error modal is broken when you don't have a backend up, It ends up kicking you out of the page. If you cannot setup a development environment this is a problem.
- TypeScript is not used to its fullest potential. objects cannot use class methods when created through de *services. the services create regular objects, that need to be translated to TypeScript objects.
- We currently dont use forms for our user input. The browser can do a lot with forms we dont have to implement. (ie. input history)

## What will have to change:
- Repository pattern so we can create abstraction between the frontend and backend. this allows us to use the frontend without backend, switch backend, and allows us to test the frontend without a backend.
- Use bootstrap to build the components. Bootstrap has a lot of components that we want to use and are better than we currently have. There is a good documentation, for transferability it would be a good change.
- Recreate the user input with the form tag.

# Checklist

## Pages
- [x] Home page
- [x] Package list overview page
- [x] Location list overview page
- [ ] Package registration page
- [ ] Location registration page
- [ ] Package details page

## Components
- [x] Navigation
- [ ] Modal
- [x] Package table/list
- [x] Location table/list

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.