# 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:

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

2. Install dependencies:

```bash
npm install
```

3. Start the development server:

```bash
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.