Taskly

About the Project

Inspiration

While brainstorming, we thought about the daily problems we face as students.
Roommates forgetting chores or not doing their part.
It’s frustrating when trash piles up or dishes sit for days, so we created Taskly, a simple task manager that helps keep everyone accountable.
We also realized that money between roommates can get messy, so we added a financials page to automatically track who owes who what.

What it does

Taskly is a web app built to make living with roommates easier.
Roommates can:

Add tasks with due dates and see them on a shared calendar.
Quickly see which tasks are overdue (red), due today (yellow), or upcoming (green).
Use the Financials page to track who owes who what, with automatic balance calculations.

How we built it

Backend: Python + Flask API
Database: SQLite3 database
Frontend: HTML pages, and for style we used style element

Challenges we ran into

Connecting the frontend to the backend: None of us had ever connected an HTML frontend to a Flask API before, so getting data to actually show up was a big learning curve.
Database display issues: Figuring out how to pull data from SQLite and have it appear correctly on the frontend.
Keeping the UI consistent: We had to make sure every page (home, tasks, financials) matched in style and felt like part of the same app.
Integrating features: Making the checklist, calendar, and financials all work together was challenging, especially under hackathon time pressure.

Accomplishments that we're proud of

Got the frontend and backend talking! We successfully connected our HTML pages to the Flask API and saw data flow end-to-end.
Working database integration: Tasks and financial data save and load from SQLite
Color-coded calendar: Seeing tasks turn red, yellow, and green based on their due dates
Fully functional checklist: Users can add tasks, mark them complete, and immediately see the updates.
Deleting a Task: When checking off a task shows up on the calender.

What we learned

How APIs actually work: We finally understood the process of making requests, sending data, and getting responses back.
State management between pages: We learned how to pass user/task data around so it shows up correctly no matter which page you’re on.
Calendar logic: We figured out how to compare dates and automatically color tasks red, yellow, or green based on their due dates.
Building something real: This was the first time we made a project that could actually solve a daily problem and in full stack.