React To-do List

Description:

This project is a simple To-Do List web app, built with React JS and Tailwind CSS.

🧱 Tech Stacks:

• Frontend: React, TailwindCSS, shadcn/ui, React Router, Vite
• Backend: Supabase (Auth + Postgres + Storage)

Features:

• Cross-platform (Web & Mobile via React + responsive design)
• Supabase authentication (email + password)
• Task CRUD with category management
• Modern UI with TailwindCSS & shadcn/ui
• Data persistence with Supabase Postgres DB
• Media support (optional: attachments/images for tasks)

📁 Project Structure:

/react-todo-list ├── public/ ├── src/ │ ├── components/ │ ├── pages/ │ ├── layouts/ │ ├── hooks/ │ ├── supabase/ ← client.ts │ └── App.tsx ├── supabase/ │ └── schema.sql ├── tailwind.config.ts └── package.json

🔐 Supabase Schema:

Tables:

categories

• id (uuid)
• user_id (uuid, foreign key to auth.users)
• name (text)

tasks

• id (uuid)
• user_id (uuid)
• category_id (uuid, nullable)
• title (text)
• description (text)
• is_completed (boolean)
• due_date (timestamp)

Produced & distributed by:

Truong Giang Nguyen (giangntse150746)