Todo List Application

A modern, full-stack todo list application built with Next.js 14, TypeScript, Tailwind CSS, and Supabase.

Features

• ✅ Add new todos
• ✅ Mark todos as complete/incomplete
• ✅ Edit existing todos
• ✅ Delete todos
• ✅ Real-time updates with Supabase
• ✅ Responsive design with Tailwind CSS
• ✅ TypeScript for type safety

Tech Stack

• Frontend: Next.js 14, React, TypeScript
• Styling: Tailwind CSS
• Database: Supabase (PostgreSQL)
• Icons: Lucide React
• Deployment: Vercel

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository

2. Install dependencies:

   npm install

3. Set up environment variables:

   cp .env.example .env.local

   Fill in your Supabase credentials.

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

Database Schema

The application uses a simple todos table with the following structure:

CREATE TABLE todos (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  title TEXT NOT NULL,
  completed BOOLEAN DEFAULT FALSE,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

Deployment

This application is deployed using Vercel and connected to Supabase for the database.

License

MIT License