Modern Todo List Application

A modern, real-time todo list application built with React, TypeScript, and Supabase. Manage your tasks efficiently with a clean, intuitive interface and real-time updates.

Link: https://khizars-todolist.netlify.app/

Features

• Create, read, update, and delete todos
• Real-time updates using Supabase
• Clean and modern UI
• Responsive design
• Persistent storage
• TypeScript for enhanced development experience

Quick Start

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• Supabase account and project

Installation

1. Clone the repository:

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

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Tech Stack

• Frontend:

  • React
  • TypeScript
  • Vite
  • TailwindCSS

• Backend:

  • Supabase (Database & Authentication)

Project Structure

todo-list/
├── src/
│   ├── components/
│   ├── hooks/
│   ├── services/
│   ├── types/
│   └── utils/
├── public/
└── package.json

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

License

This project is MIT licensed.

---

Built with React, Supabase, and TypeScript