The Helgitas is a group of dedicated people who took several weeks to help the foundation Pro Juventute whose aim is to support parents and assist children and young people so that the latter can become self-reliant and responsible individuals.
The result is a web application: Impact Tracker, that helps you define KPIs and follow their progress.
This project was bootstrapped with Create React App.
To run the app on your local machine, clone this project and create a .env
file in the project directory, following the format of .sample.env
. Be sure to include the correct environment variables and their values in the .env
file to ensure the app functions correctly.
For confidentiality reasons, you can find the values to set on Supabase or you can contact us to get them.
Then, run the following commands:
And that's it!
What you can do with this app depends on the role you have: economist or gatekeeper:
- Gatekeepers
- can define KPIs and associate them with circles.
- can edit a specific KPI
- can delete a KPI
- can access the Users page where they can see the table with all users and change their role
- Economists
- can see a table with KPIs to which values must be added
- can add a value to a KPI by opening the form which has clear explanations, validations, and information for them to add the correct value
- once the value is submitted, the KPI will be added to the second table which is "KPIs History Record" where economists can see all the KPIs added in the past
- see the Tableau charts for the history record table
The web application uses the following technologies:
- React library
- AntDesign (and its third-party libraries), a React UI framework
- Redux Toolkit
- Supabase SSO
And we used the help of ChatGPT from time to time.
To organize ourselves and specify the product, we wrote down the following documentation:
You can find below the resources we created to develop the UX/UI of our product: