Inspiration
Opportunities can change people's lives, but finding them is not always easy.
Jobs, scholarships, education programs, professional training, and entrepreneurship resources are scattered across different websites and institutions. People often struggle to understand eligibility requirements, compare options, identify official sources, and figure out what to do next.
We wanted to create something that makes these opportunities easier to discover and understand.
That idea became UMBRAL — The Illuminated Threshold.
What it does
UMBRAL is an international opportunity companion that helps people discover opportunities, understand their conditions, and organize their next steps.
The platform brings together several opportunity categories:
- Employment and job opportunities.
- Education and scholarships.
- Professional training.
- Entrepreneurship programs.
- Financing opportunities.
- Social and public-service guidance.
Users can select a country, explore available opportunities, review requirements and conditions, access official sources, and save relevant opportunities in My Route.
My Route helps users organize their progress through personal tasks, checklists, and saved opportunities.
The initial coverage includes Peru, the United States, Mexico, Colombia, Spain, and selected international opportunities. Content availability depends on verified information for each country.
How we built it
We developed UMBRAL using React, TypeScript, and Vite, with a responsive Progressive Web App architecture.
Kiro played an important role in the initial development process through its Specs and Steering capabilities.
We used structured requirements, technical design specifications, implementation tasks, and project-wide guidelines covering architecture, product behavior, security, quality, and user experience.
Codex subsequently supported independent code audits, bug reproduction, accessibility improvements, regression testing, and product stabilization.
The result is a working application available to the public.
Design: The Illuminated Threshold
For the Kiroween Costume Contest, we developed a visual concept called The Illuminated Threshold.
Doors represent access to new opportunities. Light communicates progress and helps users understand where they are in their journey.
The Halloween-inspired visual identity is integrated into the navigation and progress experience rather than being purely decorative.
We designed the experience to remain readable, responsive, and usable across desktop, tablet, and mobile devices.
Challenges and what we learned
One of our biggest challenges was turning a broad human problem into a practical product without overwhelming users with information.
We learned that collecting links is not enough. People also need to understand conditions, identify important requirements, distinguish official information from guidance, and know what action they can take next.
We also learned the importance of separating verified information from unavailable or uncertain information, especially when supporting multiple countries.
What's next
UMBRAL is an evolving project. Its international catalog requires continuous editorial verification, and its usability should continue to be evaluated with people from different backgrounds and countries.
Our goal is simple:
Make opportunities easier to find, understand, and pursue.
UMBRAL — Real opportunities. Clearer paths. A brighter next step.
Built With
- css
- github
- i18next
- javascript
- kiro
- playwright
- progressive
- react
- typescript
- vercel
- vite
- vitest
- web
- workbox
