UI/UX Developer(s)
| Role: | UI/UX Developer(s) |
| Application close date: | July 31st 2024 |
| Duration of project: | 01 August - 31 December 2024 |
| Work location: | Remote |
| Type of contract: | Temporary contractor. Open for individuals, organizations or teams |
| Supervision: | Senior AI Product Owner |
About the Humanitarian OpenStreetMap Team
Humanitarian OpenStreetMap Team (HOT) sits at the nexus of participatory mapping, community-led development, humanitarian response, open data, and tech. With a talented and diverse team spread around the globe, HOT is an NGO that supports a dynamic global community of thousands of dedicated volunteers using maps and open data for humanitarian response and advancing the Sustainable Development Goals. Working with humanitarian and development partners like the Red Cross, Médecins Sans Frontières, UN agencies, governments, and others, the HOT community maps in solidarity with those affected by or at risk of disaster, contributing the maps and data that aid workers need to do their lifesaving work.
In 2020, the work of the HOT community was recognized by TED’s Audacious Project, a collaborative philanthropic initiative that serves as a springboard for social impact on a grand scale, leading to an exciting new phase of growth. HOT is expanding its activities, including scaling up its support to local mapping communities through decentralizing and opening four regional Open Mapping Hubs.
Background
HOT has implemented an AI-assisted mapping initiative, fAIr, that empowers end users to create their own localized AI models (computer vision models). The target end users are humanitarian mappers in HOT’s priority countries. fAIr is an open-source project, and all source code is available on GitHub. The awarded developer(s) would contribute pull requests to the GitHub repository and maintain the credit of their contributions. Currently, the project source code includes a front-end project in ReactJS and a back-end project in GeoDjango to handle the API. Full API documentation is available with redoc, which will be the reference for the developer(s) who will implement the required work.
The front end is already developed using ReactJS and Leaflet for maps, so knowledge and experience working with maps are crucial for this assignment.
Objective of the Assignment
HOT is aiming to refactor the whole user interface and increase the user experience (UX) based on suggestions from community members and advice/recommendations from the awarded UI/UX developer(s).
Scope of Work
- Understand the AI-assisted mapping workflow in workshop sessions with the fAIr team
- Build a new front-end project and develop modules, pages, and components based on the UX design and recommendations
- Use a map library at the preference of the requirements for the front-end components
- Develop a "Learn" section to guide new users in the new design
- Fixes and troubleshooting for issues during and after the implementation
- All programming languages, libraries, and packages used in this project need to be free and open source
Required skills and experience
Education
University degree(s) in software development, information systems, computer science or related field, or equivalent working experience
Experience
- At least 5 years of professional experience in front-end development
- Experience in user interface/user experience design and implementation
- Experience in building production-ready projects from scratch using ReactJS, VueJS, NextJS, or other
- Experience in working with mapping libraries such as OpenLayers, Leaflet, maplibre, or other open-source libraries is crucial
- Experience in using geospatial REST APIs
- Planning/organizational skills
- Experience in Agile development methodology and sprint planning
- Great collaboration skills and responsiveness to modifications, revisions, and edits as required in consultation with the supervisor
- Ability to prioritize, meet deadlines, and manage time efficiently
- Working experience in development or humanitarian environment is recommended
Language Requirements
Advanced English language skills, other languages a bonus
Final products and deliverables
- The expected deliverable is software code merged into the fAIr repository for the front-end project. The detailed deliverables are in the table below.
- Documentation for the methodology and test cases.
The maximum budget for this assignment is $25k. Payment is initiated based on an invoice submitted by the developer(s) according to the following deliverables table, all taxes, local regulations, and other expenses should be handled by the developer(s):
| Deliverable | Estimated work efforts/days | Amount/USD |
|---|---|---|
| 1-2 pages report illustrating understanding the UX recommendations | 10 days (2 weeks) | $2500 |
| Approved pull request (PR) with mockups for the navigation among all pages | 20 days (4 weeks) | $5000 |
| Approved PR for the training dataset building page and lists | 20 days (4 weeks) | $5000 |
| Approved PR for the AI models pages and lists | 20 days (4 weeks) | $5000 |
| Approved PR for the published models and prediction pages | 20 days (4 weeks) | $5000 |
| Close all testing and issues raised during the assignment | 10 days (2 weeks) | $2500 |
Application Process
Interested developer(s) (individuals, organizations, or teams) can send a maximum 1-page cover letter and CV(s)/portfolio(s) to tech-data@hotosm.org and/or omran.najjar@hotosm.org by July 31st 2024.
HOT will invite shortlisted applicants for an interview and preserve the right to start interviews on a rolling basis following applications as they are received.