Supabase Todo App

A full-stack Todo application built with:

• React
• TypeScript
• Material UI
• React Query
• Supabase (Authentication & Database)
• React Router

Features

• 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

Getting Started

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/supabase-todo-app.git
cd supabase-todo-app

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to:

http://localhost:5173

Project Structure

src/
├── components/    # UI components
├── context/       # React context providers
├── hooks/         # Custom React hooks
├── services/      # API and service functions
├── types/         # TypeScript type definitions
└── App.tsx        # Main application component

License

This project is licensed under the MIT License.