Supabase Todo App

What is Supabase Todo App?

A full-stack Todo application built with React, TypeScript, Material UI, React Query, Supabase (Authentication & Database), and React Router. It provides user authentication, protected routes, and CRUD operations for todos.

How to use Supabase Todo App?

Clone the repository, install dependencies with npm install, then start the development server with npm run dev and open http://localhost:5173 in your browser.

Key features of Supabase Todo App

• User authentication (sign up, sign in, sign out)
• Protected routes
• Create, read, update, and delete todos
• Real-time updates using React Query
• Responsive Material UI design

Use cases of Supabase Todo App

• Manage a personal task list with user accounts
• Demonstrate a full-stack application with Supabase backend
• Learn React, TypeScript, and Supabase integration

FAQ from Supabase Todo App

What does Supabase Todo App use for authentication and database?

It uses Supabase for both authentication and database.

What are the prerequisites to run Supabase Todo App?

Node.js version 16 or higher and npm or yarn.

How do I install Supabase Todo App?

Clone the repository, then run npm install in the project directory.

What is the project structure of Supabase Todo App?

The source code is organized into components/, context/, hooks/, services/, and types/ directories under src/.