#TUDU – Your Daily Task Companion

#TUDU is a friendly, interactive to-do list app that helps you stay on track with smart reminders, motivational quotes, and a pretty, Pinterest-style design.

Comment

✨ Inspiration

Once upon a time, there was a girl named Andrea — that’s me!
I often found myself struggling to stay productive and keep track of my daily tasks. Despite using notebooks, alarms, and sticky notes, I was still missing deadlines or feeling overwhelmed. So I asked myself, “What if I could build something simple, cheerful, and helpful — not just for me, but for everyone who feels the same?”

That’s how #TUDU was born — a web app designed to help users stay organized, get reminded of important deadlines, and feel motivated while managing their tasks.

✅ What it does

#TUDU is your friendly daily task companion. It allows users to:

  • Create and manage a to-do list
  • Set deadlines with date and time
  • Receive smart reminders
  • Check off completed tasks (with a satisfying tick!)
  • Get random motivational quotes to stay inspired
  • Enjoy a clean, Pinterest-style interface
  • Optionally create a profile and share it on social media

🔧 How we built it

We built #TUDU using:

  • HTML, CSS, JavaScript – for core structure and logic
  • React.js – for component-based frontend development
  • Tailwind CSS – for styling the app with a clean, modern, responsive design
  • Netlify – for deploying the live site

Live App: https://sparkling-otter-ff1a21.netlify.app/

🚧 Challenges we ran into

  • Designing a user-friendly yet feature-rich interface
  • Managing deadlines and reminders in real-time
  • Finding the right balance between simplicity and functionality
  • Making sure the app is responsive across all devices

🏆 Accomplishments that we're proud of

  • Completed a fully functional and beautiful productivity app within the hackathon timeline
  • Created a clean user experience with interactive task tracking
  • Integrated motivational content to emotionally connect with the user
  • Learned a lot about front-end frameworks and deployment workflows

📚 What we learned

  • How to build and manage state in React
  • Efficient use of Tailwind CSS to create a visually appealing layout
  • Deploying a production-ready app on Netlify
  • Designing with empathy for real user pain points

🚀 What’s next for #TUDU – Your Daily Task Companion

  • Add login/authentication so users can save their data
  • Allow syncing with Google Calendar
  • Enable social sharing of task streaks or quotes
  • Introduce dark/light themes and personalized quote collections
  • Send push notifications or email reminders

Built With

Share this project:

Updates