Frontend

This the frontend page.

General Structure

TODO

Routes

• / the Home Component
• /login A login form
• /register a form to register. Will send an email after registering.
• /files/create the file upload form
• /files An overview of all visible files
• /profile The users profile page
• /files/:id the page of a file with this specific id
• /tags the overview page of the tags
• /tags/create the create page for a new tag
• /dsgvo show the Datenschutzgrundverordung

DSGVO

The data privacy is purely written and contained in the frontend inside the Dsgvo.tsx.

Third Party Libs

• sweetalert2 and sweetalert2-react-content: used for fancy dialogs
• react-select-event: used for fancy autocompletes that can also create entries on the fly
• react-tabulator: used for fancy tables
• jest-sonar-reporter: used for generation of the coverage report (which is used by sonarqube)

Tests

Currently only the FileCreate.tsx is tested properly. We do not continue writing other tests since it is very likely we don't continue with using React.

ESLint

Execute ESLint to autoformat like this: yarn eslint src/. --ext .jsx,.js,.tsx,ts --fix