schuler-henry / profile-webpage Goto Github PK

Sort all values alphabetically in order to find values faster.

Display an option on the profile page to add/remove a new timer (name).

• Implement DB-Function add
• Implement DB-Function remove
• Update UI add
• Update UI remove

Make sure that all usernames can only be created once.
There is no difference between upper and lower case.
However, the username is saved with upper case letters.

When clicking on a summary, the loading process is too long -> a loading animation is needed so that the user knows that the file is being loaded.

Currently, summaries are stored in the repo (.md).
In order to get more flexible -> outsourcing to supabase bucket or git repo.

• Ability to add new items without commit/push/redeploy

1 account has 1 email (no duplicates).
E-Mail needs confirmation code which is saved as a hashed value (varchar).

Der Nutzer soll die Möglichkeit haben, alle Ausgaben innerhalb einer Gruppe einzutragen und anschließend eine Auflistung zu erhalten über die Schuld-Beträge zwischen den Teilnehmern.

Anwendungsfall: Urlaubsabrechnung, Gruppenbestellung, ...

Folgende Funktionen sind zu berücksichtigen:

• Anlegen einer Gruppe
• Eintragen der Ausgaben für die jeweiligen Personen
  • Festlegen, für wen die Ausgaben getätigt werden
  • Optional: Festlegen des Auslegungsverhältnisses falls nicht gleichmäßig
• Errechnen einer "optimalen" Überweisungs-strategie mit möglichst wenig Transaktionen
• Markieren der Berechnungen als Final
• Als erledigt markieren für einzelne Personen im Zustand Final

When typing in the sport set values (edit) remove the starting 0 if the number > 0.

The navigation hover effect in mobile view (side menu) must be removed.
-> when collapsing sub-menu, the header is padded and colored.

Visual improvement only!

When someone is editing a sport event lock it.
Make sure that it is released once editing is over / time has passed.

images stored on the bucket can be accessed via URL

Nutzungsbedingungen formulieren und auf die Website stellen.

Projekte (GitHub) werden aktuell in einer (random) komischen Reihenfolge angezeigt.
Ziel ist, die Projekte nach letztem Bearbeitungsdatum zu sortieren -> aktuelle Projekte erscheinen als erstes.

The function hashPassword can be used vor different things -> rename to hashString()

User passwords are saved as hash values.
If two users use the same password, they will both have the same hash in the DB.
In order to prevent that, the password string needs to be concatenated with the unique user ID from the DB + a divider symbol that is not allowed by the string password (otherwise you could trick the system by starting your password with a number, then you'd only need to know the user ID.

-> userID + delimiter + password

Create a section called apps.
It will contain mini-features like the timer function as a subpage.
Mock-Up is analog to Projects/Summaries -> a grid view with a large icon in the center and the app name below.

• Option for Admins to create new accounts (username, name, activationcode).
• The activation code will be displayed after the creation.
• Admins can view the activation codes of all admin-created users (not others due to security issues).
  • User has no password + User has no e-mail

On mobile devices, the login/register css is missing.
All fields are too small and cannot be accessed correctly.

Autocomplete on mobile ends with a whitespace -> TODO: remove all whitespaces (since they are not allowed anyways) before checking username

One/multiple timers on the private user page that can be started/paused.
-> Resume the timer when starting development for the day.
-> Stop the timer when ending development for the day.
At the End of the Project, the total work-Time can be viewed.

New users need to create account with username (for login) and first and last name
-> TODO: add fields in register screen

Check if GitHub API returns the correct values.
When the API is called too often from one IP, the request is denied -> /studies/projects throws errors.

Maybe authentication via getStaticProps will not cause page to be rendered without login until login is verified (options in header are hidden while changing pages)
-> Test this theory

A page, where you can add players and track your matches (points/wins).

Add option to see requirements on /profile when changing username/password.

Button to reset timer value (confirm required ie. alert).
Button can use UpdateTimer functionality.

The profile page contains the following parts:

• account information (change username, name, E-Mail, ...)
• change password

An about me page where users can get to know me.
Information:

• Introduction about me
• Image
• CV (short)
• Hobbies
• Active projects
• Gear (Laptop, etc.)

Margin/Padding right smaller -> elements get wider while the menu stays the same size. (arrows move to the right)
The indent for subelements has to be doubled.

Users need to be created in order to use the sports event app.
Therefore users will be created with username, Name, and ActivationCode.
Steps for registration:

• Add missing information (new/update "/register" page)
  • password
  • e-mail
• Activate the account via the received E-Mail

While all timers are fetched from the database, the spinner in the title spinns.

Create Admin Panel in Profile menu where trainers/admins can manage sport club members.
Option to:

• approve/decline
• delete/remove

Create a new app page called SportEvents where all existing sports events are listed.
This page will get more features later on, first, we'll focus on displaying the sports events.

Der Nutzer soll die Möglichkeit haben, seine Tankdaten mit der App zu tracken.

• Dabei werden folgende Daten erfasst:
  • Tankstelle (Name + Ort)
  • Kraftstoff
  • Preis/Liter
  • Gefahrene Kilometer
  • Getankte Liter
  • Gezahlter Betrag
• Es werden folgende Auswertungen angeboten
  • Verbrauch seit letztem Tanken
  • Jahressummen für Liter, Gezahlter Betrag, Kilometer, (Durchschnittspreis)

Optionale Features:

• Möglichkeit mehrere Fahrzeuge anzulegen und diese individuell zu verwalten
• Möglichkeit die Daten eines Fahrzeugs mit anderen Nutzern zu teilen (read/write)

Create tables according to ERM.

Visibility Dropdown for SportEvents

If a user forgets to stop the timer, there needs to be an option to reset the running timer without adding it to the total time.
The discard operation has to be confirmed (i.e. alert).

The scroll effect of the header text needs to be improved (maybe a continuous scroll effect [Insta])

Rename category Sport Clubs to Sport Club Memberhips

When an account is inactive, /login automatically redirects to /activate.
Implement a UI confirmation with options -> activate now / stay at login.

When the file cannot be loaded, a dropdown shall be provided, where all available files can be selected.

The item size of the sports events on the sportEvent page is too small.
Not everything is displayed when the selected names are too long.
(On Desktop: Too many elements in one row)

A dsgvo needs to be provided because, with the login/sports event app, personal data is stored and displayed.

Implement a UI confirmation (like on activate) during the registration process.

Element to add or remove seconds/minutes/hours to/from the timer.
-> If user forgets to start/stop the timer when starting/ending a work period.

Get infos on what to show from the database.