Clerk backend functionality should be implemented.

Pages and paths should be created for all components (e.g. /home, /step-2)

The app should be properly tested (Jest, React Testing Library, Cypress)

• endpoints
• unit tests
• visual tests

Hi Julia.
The idea for this project is pretty cool!
Do you plan to go on with it in the future, or was it just for the hackathon?

The data should be stored in localStorage, so it will still be there when the user clicks the next or previous button.

A footer should be created to store the buttons to avoid DRY (now each component stores two buttons and two functions to count the next and previous steps).

Until now, there are still problems deploying the app because to the map implementation using mapbox and the authentication system by Clerk.

The data should be stored in a database, like Google Firebase.

The Success.js component could be a modal that appears above the location component when the submit button is pressed.

The Formular.js component uses a class function to store the states. Maybe there is another/easier way to handle the state when using a functional component.

The map should show the exact location of the user and when clicked, the location should be automatically entered into the input field in the input field of the form.

The submit button should actually send the form to a server.

The links in the menu bar should point to the relevant page.
NGOs should be contacted and involved in the project

Registration should be optional. This would likely encourage people to report a dog in an impromptu situation.

As the code gets bigger, the folder structure should be adjusted (utils, libs,..)
To write clean code, TypeScript should be used
To improve the performance of the app, async/await functions should be used, error and load handling should be implemented, ...