UNDP Radar Application

Code base seated on repo UNDP Radar.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn pretest

Also runs when you run yarn test. It checks if all files match the Code style set in Prettier and Eslint This will run on the pre-push git hook and also on the automated checks in GitHub

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Git workflow

We have a pre-push git hook which will run before a git push -- is executed. The hook runs yarn test which is described above.

To set up the git hook run the command below from the root of the codebase

# Copy the gitHooks/hooks folder to your .git directory
cp -fR gitHooks/hooks .git

Please follow the steps for making changes in the project:

CI/CD

We use Github actions and runners to do CI/CD. The live site is hosted on GitHub pages and is deployed using the publish.yml file which is picked up by a GitHub action when there's a successful push to the master branch. The site can be accessed from here

For staging we use a GitHub action and a runner to deploy to Digital Ocean. Any pushes to the develop branch (or branch specified in the deploy.yml file) will trigger this deployment as configured in the deploy.yml file. The staging site can be accessed here

Pull requests raised to either the master or the develop branch will trigger the CI Development workflow as configured in the develop.yml file.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

React router

You can learn more about the routing solution in the React Router docs.

Chakra UI

We use Chakra UI as our UI toolkit. Have a look at its documentation.

Thanks to United Nations Volunteers(UNVs)

UNVs are actively make contributions to the Digital Technologies Radar project. Many thanks to all of the UNVs who contributed with their expertises:

Cohort 1 (1 online volunteer)

Nuno Ribeiro Github Completed degree on Audiovisual Communication Technology in 2008 and have been a software developer for +7 years "It has been an amazing journey, setting up and working on this project. I hope this project will be valuable for stakeholders aiming at visualizing their data/projects."

Cohort 2 (4 online volunteers)

Blessing Ojediran Github UX designer from Nigeria. Have a Bachelor of Nursing Science degree "I have been designing since 2021 and I had a great time working on this project. It is my dream to build useful products. I hope lives are improved using this radar."

Eyoab Tesfaye Github Completed bachelor's degree in Software Engineering in 2021 and have been a Full-Stack engineer for 1 year. "I am grateful for the opportunity to collaborate with the individuals on my team to contribute to the area of disaster context on behalf of the UNDP."

Yashkumar Shiroya Github CS Graduate, Class of '18, Purdue University. Ex-Developer at Amazon.com. MBA Grad, Class of '24, University Of British Columbia. "Writing code for the DRM Radar Project was a unique opportunity to work with super-talented designers, developers and technologists from around the world while creating something that can enrich, empower and save lives."

Karshil Desai Github Cornell MBA, Management Consultant, Automation and Control Systems Specialist "To get involved with United Nations initiatives and contribute to UNDP Global Goals."

Cohort #3 (5 online volunteers)

Francisco José Peñarrubia Github Telecommunications Engineer, involved in Open Source GIS software development for more than 20 years "As an engineer, I like to build new things, and learn. Working on TechRadar project allowed me to learn by doing, meet very talented people and help a nice community in UN's Family"

Nicola Shen Github She has actively developed frontend components for the radar.

Sven Simikin Github Completed Master's degree in Computer Science in 2022 and is currently working as a Research Assistant on Big Data Platforms for the Fraunhofer Society "It has been a great experience to network with new faces and a pleasure to see my contributions in productive use to achieve sustainable development goals."

Vladyslava Diachenko Github Completed BSc in Computer Science at the University of Toronto in 2020, and have been working as a Software Developer for 2 years "I am grateful for the opportunity to be a part of this amazing and meaningful project and to work with the incredible people from all around the world "

Zekarias Teshome Github Completed M.Sc in 2014 and have been working on Technology(ICT, ICT4D, Web, App) and Data for more than 7 years. An excellent project to visualize vast amount of data in a single screen; it is a great addition to track progress in SDGs.

Data Collection Stream(5 online volunteers)

Beniam Shewaye Completed my BSc on Computer Science and Information Technology in 2016. Have been in ICT sector since 2017. I believe volunteering service provides knowledge, skill and satisfaction in faith and professional development. Also radar development projects like in SDG AI Lab will benefit us from the wisdom and contributions of people everywhere on earth.

Ahmed Akbar He has actively collected projects that are ongoing or done in disaster context.

Cezmi Onat He has actively collected projects that are ongoing or done in disaster context.

Mansur Mohammad Dambuwa Completed degree in Chemistry, PGD in Development Economics, and masters in view. Have been in the field of data science and M&E management for +12 years "It has been a valuable journey, working and learning from each other and same time contributing to impacting the vulnerable lives. I hope my contribution contributes to the execution of the right programmatic decisions."

Software Deployment Stream

Violette Heron Github She has develop the mockups for the website. The website has modelled by using these mockups.

Naji Alhusami Github He has actively developed both backend and frontend components for the radar.

SDG AI Lab

Dina Akylbekova Outreach and Partnerships Analyst at UNDP

Gui Mei Junior Partnerships Officer at UNDP

Martin Szigeti GIS Specialist

Ozge Ozkaya Junior Data Scientist Officer at UNDP

Yuting Wang Junior Community Engagement Officer at UNDP