TaskFlow - Todo App with Supabase

A modern, production-ready Todo application built with React, TypeScript, and Supabase for backend storage.

Features

• Beautiful UI with Tailwind CSS
• Complete CRUD operations for todos
• Real-time updates with Supabase
• Offline support with localStorage fallback
• Filter todos by status (All, Active, Completed)
• Search functionality
• Responsive design

Setup

1. Create a Supabase project at https://supabase.com

2. Create a todos table with the following schema:

   • id: uuid (primary key)
   • text: text (not null)
   • completed: boolean (default: false)
   • created_at: timestamp with timezone (default: now())
   • user_id: uuid (optional, for future auth integration)

3. Get your Supabase URL and anon key from the project settings

4. Update the .env file with your Supabase credentials:

   VITE_SUPABASE_URL=your-supabase-url
   VITE_SUPABASE_ANON_KEY=your-supabase-anon-key
   

5. Install dependencies and run the app:

   npm install
   npm run dev
   

Technologies Used

• React
• TypeScript
• Tailwind CSS
• Supabase
• Vite
• Lucide React (for icons)