In the signup page the user can view the profile picture which is pseudo-random generated. The user can generate a new pseudo-random generated profile picture via a button press.

If the user clicks on his/her profile picture in the header a small popup is shown with a bigger version of the profile picture, the username and email address and a logout and settings button. The logout button should log the user out (functionality should be provided in this issue) and the settings button should navigate the user to a settings page where the user can configure his/her account (implement in other issue)

If the session expires the website checks if the user is logged in in an endless and fast loop until the user logs out.

The main page of the website should contain a map which the user can view.
Map library Leaflet with the react wrapper React-Leaflet

To optimize and prevent state and state bugs transition Redux

The pipeline is not up to date with the pipeline used for the backend. Refactor it to use specific tags instead of triggering on pushes to specific branches.

Detailed description

Changes are only made on the client and stored in session storage. Authentication is partially skipped, meaning, the user is forced to log in as a specific user and cannot create an account but nothing is really authenticated.
The demo mode should only be accessible if the website is specifically built with it. Then, the built website is forced to be in demo mode. It should not be available on the default websites. This can be realized by removing code responsible for the demo mode during during the build process.
On every release that version should additionally built with demo mode active and should be pushed to a domain designated for it (demo.mygroupcar.de).
Add a disclaimer on the first visit to explain to the user that this is only a demo version of the website and that while they can use every functionality, nothing is permanently stored.

Implementation details

We will use the process.env.DEMO_MODE to switch the demo mode on. If process.env.DEMO_MODE is true, the website is built with the dem mode enabled. Without it, any code responsible for the demo mode is removed.

The demo mode should be implemented in such a way that no or almost no changes to the default mode must be made.
This is achieved by overriding calls that would normally sends requests to the server.

An alternate version of the main app component App.tsx exists that builds the website in a slightly modified way loading the code to override requests and changing the authentication route to use an alternative version that forces a certain user. Additionally, the initial demo mode explanation page is added and shown before any other route.

Upgrade Project to React version 17.x and Create-React-App version to 4.x

Due to new changes in the api the sign-up is currently not working.

The avatar icon in the header bar will navigate to the authentication page

When the site loads, a simple text is displayed. Improve it to be some kind of loading animation