Fledge

Home / Login Page
Sign Up Page
Explanation Page
Set Notifications Page

Inspiration

We wanted to create something relatable and practical for students and young adults because, frankly, we were never taught how to be "adults". Many of us left home, started school, or moved out, only to realize that basic life tasks like budgeting, setting up a bank account, or scheduling doctor’s appointments felt overwhelming. We were expected to know these things—but no one taught us how.

Fledge was born out of that struggle.

We wanted to build the tool we wish we had—something to help you get your life together, one small task at a time.

What it does

Fledge is a task generator designed to help students and young adults tackle “adulting” one step at a time.

Press “Generate Task” → Receive a random, achievable adulting task (e.g., “Set up a TFSA,” “Book a health checkup,” “Review your monthly expenses”).

Complete it or Task Again → No pressure. You can mark it as done or get another task.

One Small Win at a Time → You build momentum and confidence in handling life’s responsibilities.

Fledge is a pledge to yourself—to make adulting feel a little less impossible.

How we built it

Frontend: React with Vite, React Router, Sass for styling.
Task Flipper Animation: A “flipper” animation for task generation.
Component-based Structure: Built modular components like TaskFlipper, GenerateButton, and pages like DoMorePage for scalability.
Collaboration: Used GitHub for version control and coordinated tasks across frontend and backend teams.

Challenges we ran into

Learning new tools quickly: Some of us were new to Vite, Sass, and React Router, so figuring out the best practices while building was a learning curve.
Time constraints: Fitting the project scope into 24 hours meant prioritizing core functionality and keeping the design simple.
Team coordination: Combining frontend work across multiple contributors while ensuring styling consistency and functionality took careful communication.

Accomplishments that we're proud of

Building the core structure of a React app with a task generator concept in under 24 hours.
Designing an intuitive, low-pressure task system that feels encouraging, not overwhelming.
Creating an approachable, relatable tool for students and young adults—something that could genuinely help people feel more in control of their lives.

What we learned

React & Vite Setup: Faster development workflows with Vite, component structure, and state management.
CSS Organization: Using Sass for global styles and reusable variables to keep the design consistent across components.
Team Collaboration: Balancing individual component work while integrating everything smoothly in a short time frame.
Understanding our audience: Speaking to the realities of “adulting” helped us design an app that feels realistic and supportive for young adults.

What's next for Fledge

Expanding the Task Database: Adding more task categories (Finance, Health, Career, Home) to cover more areas of “adulting”.
Progress Tracking: Let users log their completed tasks and celebrate milestones to build motivation.
Community Input: Allowing users to submit their own adulting tasks—building a community-driven list that reflects real experiences.
Reminders & Notifications: Gentle nudges for tasks so users can set daily or weekly goals.
Improved Task Randomizer: Prioritizing urgent or time-sensitive tasks (e.g., tax season reminders).