📝 Full-Stack Todo Application

A modern, full-stack Todo application built using TypeScript and Next.js App Router. This project demonstrates a clean and scalable architecture that includes user authentication, API routes for task management, and a responsive, minimalist UI. Perfect for learning or extending into a production-ready app.

🔧 Tech Stack

• Frontend:

  • Next.js (App Router)
  • TypeScript
  • React
  • Tailwind CSS for styling
  • ShadCN/UI for accessible components

• Backend:

  • Next.js API Routes as server functions
  • Directus CMS for database management
  • SQLite for storage
  • JWT Authentication (with cookies)

✨ Features

• ✅ Add, update, and delete todos
• ✅ Mark tasks as complete/incomplete
• ✅ User authentication (register/login/logout)
• ✅ Server-side API with full CRUD support
• ✅ Type-safe code across client and server
• ✅ Responsive and clean UI
• ✅ Dark mode support
• ✅ Input validation and error handling