Inspiration
I built TaskTok because I often open TikTok to "take a break" and resurface hours later, behind on a bunch of personal and family tasks. But when I do get things done, it is by breaking tasks down to smaller, achievable chunks. So I wondered what if I could combine the infinite scroll behaviour of modern social media apps with a simple to-do list? That is how TaskTok was born
What it does
TaskTok is a mobile-first productivity app that feels like scrolling social media — but every swipe moves you closer to your goals. Add a big scary task → the app auto-breaks it down with AI. It adds context-specific motivational quotes to your task. Each one fills the screen. Complete it, tap ✔️, swipe to the next. Earn XP, track streaks, and level up. It’s addictive in the best way — and helps you beat procrastination with that swipe impulse, not against it.
How I built it
- Frontend: The whole app is built with React Native and Expo for cross-platform performance.
- Backend: I used Supabase for authentication, database (PostgreSQL), and Edge Functions for AI task-splitting and quote generation using OpenAI API.
- Deployed to web via Netlify. Designed mobile-first, but works everywhere.
Challenges I ran into
- I initially wanted to do an inertial, infinite scrolling UX. But it just wasn't working and broke the app several times. I ended up using the swipe functionality instead.
- Context-specific AI task-splitting needed several rounds of prompt engineering and personas. I needed to convince AI to first think like a lazy person trying to get unstuck!
- Fitting everything in a minimal UI without overwhelming the user like most to do apps do was tricky.
Accomplishments that I'm proud of
- My first real mobile app!
- This is something I am already using everyday, including to keep track of projects and progress for this Hackathon.
What we learned
- Lean in to your habits and leverage them for good!
- A simple UI is way more fun and addictive than a complex dashboard of tasks
What's next for TaskTok
- Adding voice input - say your task and have the AI break it down and keep you accountable
- Adding social accountability from friends/ peers/ other lazy people
- Getting it on the iOS and Google Play stores
Built With
- android
- deno
- expo.io
- ios
- javascript
- openai
- react-native
- supabase
- typescript
Log in or sign up for Devpost to join the conversation.