Skip to content

stillhere12/fullstack-todo-demo

Repository files navigation

FullTodo - Full-Stack Notes Application

A modern, feature-rich notes application built with Next.js 15 and Supabase.

Tech Stack

  • Framework: Next.js 15 (App Router)
  • Language: TypeScript
  • Backend: Supabase (Auth + Database + Realtime + Storage)
  • Styling: Tailwind CSS v4
  • UI Components: Shadcn/ui
  • Deployment: Vercel

Features

  • πŸ” Authentication (Email/Password + Google OAuth)
  • πŸ“ CRUD operations with real-time updates
  • ⚑ Live collaboration across devices
  • πŸ”’ Row Level Security (database-level authorization)
  • 🎨 Beautiful, responsive UI
  • πŸŒ™ Dark mode support (planned)

Getting Started

Prerequisites

  • Node.js 18+
  • Supabase account

Installation

  1. Install dependencies:
npm install
  1. Set up environment variables (.env.local):
NEXT_PUBLIC_SUPABASE_URL=https://xxxxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGc...
  1. Start development server:
npm run dev
  1. Open http://localhost:3000

Documentation

Project Structure

src/
β”œβ”€β”€ app/              # Next.js pages and routes
β”œβ”€β”€ components/       # React components
β”œβ”€β”€ lib/
β”‚   └── supabase/    # Supabase client utilities
β”œβ”€β”€ actions/         # Server actions
└── hooks/           # React hooks (including realtime)

Key Benefits of Supabase

  • βœ… Unified backend (auth, database, storage, realtime)
  • βœ… Row Level Security for automatic data filtering
  • βœ… Real-time updates via WebSockets
  • βœ… Auto-generated REST APIs
  • βœ… Type-safe with generated TypeScript types
  • βœ… Built-in email verification

License

MIT

About

full stack todo app with authentication

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages