Smart Todo List

Inspiration

In today's fast-paced world, staying organized and productive is more important than ever. I was inspired to create a Smart To-Do List Web Application that not only helps users manage their daily tasks, but also integrates features like voice input and Supabase backend to deliver a modern user experience. The idea came from the simple frustration of forgetting tasks and wanting a personal, accessible, and reliable assistant to stay on track.

What It Does

This application allows users to:

• Add, edit, and delete tasks
• Mark tasks as complete/incomplete
• Add tasks using voice input
• Store all data securely using Supabase (PostgreSQL)
• Experience real-time updates with a clean interface

All data persists thanks to a backend connection, and the app is built to run smoothly every time without errors.

How I Built It

• Frontend: HTML, CSS, JavaScript, and Vite (Bolt framework)
• Backend: Supabase (hosted PostgreSQL DB with authentication)
• Styling: TailwindCSS
• Voice Input: Web Speech API
• Deployment: Done entirely on the Bolt platform

I connected Supabase for real-time database storage and used environment variables from .env.example to secure sensitive data like project URL and API keys.

Challenges I Ran Into

• The Supabase setup took time and required careful .env configuration
• Initially Bolt had errors in uploading files and connecting to Supabase, but I learned how to fix them step-by-step
• Implementing voice input required working with browser-specific APIs

What I Learned

• How to integrate Supabase into a full-stack application
• The importance of environment management in deployment
• Enhanced my frontend and backend coordination skills
• How to troubleshoot platform-specific (Bolt) issues independently

What's Next

I plan to:

• Add task reminders with push notifications
• Allow users to set due dates and priorities
• Implement user login/logout with Supabase Auth
• Add animations and sound feedback for interaction

Final Thought

This was more than a to-do list—it's my first step toward building smart, assistive apps that help people manage life better with tech.spiration

Built With

• boltaibuilder
• css
• html
• javascript
• netlify
• supabase
• vite