Supabase Todo App

Name: Supabase Todo App
Author: umrzoq-toshkentov

本地服务

github.com/umrzoq-toshkentov生产力081 周前更新

代码仓库

关于 Supabase Todo App

Supabase Todo App 是一款使用 React、TypeScript 和 Supabase 构建的全栈待办应用，支持账户认证和待办事项管理，并包含受保护的路由及通过 React Query 更新数据。

主要功能

01注册、登录和退出
02受保护的应用路由
03创建、读取、更新和删除待办事项
04使用 React Query 更新
05响应式 Material UI 设计

适用场景

01通过账户管理个人待办事项
02通过身份验证访问待办页面

#supabase #todo-app #full-stack

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

Supabase 待办事项应用

使用以下技术构建的全栈待办事项应用：

React
TypeScript
Material UI
React Query
Supabase（身份验证和数据库）
React Router

功能

用户身份验证（注册、登录、退出）
受保护的路由
创建、读取、更新和删除待办事项
使用 React Query 实时更新
响应式 Material UI 设计

开始使用

先决条件

Node.js（建议使用 v16+）
npm 或 yarn

安装

克隆代码库：

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

安装依赖项：

npm install

启动开发服务器：

npm run dev

打开浏览器并访问：

http://localhost:5173

项目结构

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