Yuth

Built by youth, for youth. Adulting, in one dashboard.

Comment

Inspiration

Turning 18 or leaving home for the first time is overwhelming. Suddenly you have to deal with taxes, credit, loans, insurance, government benefits, budgeting, and dozens of financial decisions that no one really teaches you.

Most young adults search randomly on Google, ask friends, or make decisions without understanding the long term consequences. Important benefits go unclaimed, mistakes get expensive, and learning happens through trial and error.

We built YUTH to change that.

YUTH is designed to act as a personal operating system for adulthood, helping young people understand what applies to them, what they should do next, and how to make smarter decisions about money and life.

What it does

YUTH helps young adults navigate financial and life decisions in one place.

The platform combines structured guidance, personalized recommendations, and an interactive life map to show users what matters most based on their situation.

Key Features

Personalized onboarding

Users answer a few questions about their situation such as age, province, employment, and student status. YUTH uses this information to tailor the experience.

The Dashboard

A central hub that surfaces:

  • Personalized insights
  • Important next actions
  • Benefits users may qualify for
  • Financial progress indicators

Interactive Life MindMap

A visual map of adult life categories like credit, housing, taxes, insurance, and savings. Users can explore topics and understand how different financial decisions connect.

The Hub

A curated knowledge layer where users can explore programs, resources, and guidance relevant to their stage of life.

Ask AI

Users can ask questions about financial topics and receive grounded guidance tied to real concepts and categories.

Chrome Extension Preview

A decision assistant that analyzes purchases and helps users think through financial decisions in real time.

How we built it

YUTH is a full-stack web application built with modern web technologies.

Frontend

  • Next.js (App Router)
  • React
  • TypeScript
  • TailwindCSS

Backend / APIs

  • Next.js API routes
  • AI integration for Ask AI functionality

Database & Auth

  • Supabase for authentication and persistence

Hosting

  • Vercel for deployment and live hosting

Architecture

The platform is structured around a personal profile model, which powers personalized insights, dashboard actions, and recommendations.

The life map, dashboard insights, and hub resources all use structured data that allows the experience to adapt based on the user profile.

Challenges we ran into

One of the biggest challenges was designing something that felt structured but not overwhelming.

Financial information is complex, and most tools either show too little guidance or too much dense information.

We spent a lot of time iterating on the product flow so that:

  • Onboarding stayed simple
  • The dashboard surfaced the most relevant actions
  • The life map remained visual and intuitive
  • Navigation between features felt like one cohesive system

Another challenge was connecting multiple parts of the product into a single consistent experience, including the dashboard, hub, AI assistant, and mind map.

Finally, we had to move quickly to build a fully functional end-to-end product within hackathon time constraints.

Accomplishments that we're proud of

We are proud that we were able to build a fully working product with multiple integrated systems.

Some highlights include:

  • A complete onboarding flow with persistence
  • A personalized dashboard with dynamic insights
  • An interactive financial life mind map
  • An AI assistant integrated into the experience
  • A curated resource hub
  • A working Chrome extension preview
  • A deployed production version of the app

Most importantly, we created something that actually feels like a product, not just a demo.

What we learned

This project reinforced how important product thinking and system design are when building tools for real people.

We learned how to:

  • Design a cohesive multi-feature platform
  • Structure user data to drive personalized experiences
  • Build full-stack applications quickly
  • Integrate AI responsibly into a real workflow
  • Iterate quickly on UX and product flow

We also learned that clarity and usability matter more than feature quantity when building something people will actually use.

What's next for YUTH

YUTH is just getting started.

Our next steps include:

  • Expanding the life map with more real-world financial scenarios
  • Improving the intelligence behind recommendations
  • Integrating real government programs and financial tools
  • Enhancing the Chrome extension to provide smarter decision guidance
  • Improving personalization using more contextual data
  • Launching a mobile-friendly experience

Our long-term vision is for YUTH to become the default starting point for young adults navigating money and life decisions.

Built With

Languages

  • TypeScript
  • JavaScript

Frontend

  • React
  • Next.js
  • TailwindCSS

Backend

  • Next.js API routes

Database & Auth

  • Supabase

AI

  • OpenAI API

Hosting

  • Vercel

Tools

  • GitHub
  • VS Code

Built With

Share this project:

Updates