Shaina Sumagaysay/ fullstack 3-5

[shaianai]

Let’s To-Do It

A fullstack todo application built for the Codebility Fullstack Assessment (3–5 years track).

The project demonstrates authenticated task management, protected API routes, persistent storage with Prisma + SQLite, and a modern dark glassmorphism dashboard built with Next.js App Router and Tailwind CSS v4.

---

Features

• Authentication — email/password sign-in using NextAuth.js (Credentials Provider)
• Protected routes — /todos and /api/todos/* are guarded by middleware
• Todo CRUD — create, complete/uncomplete, and delete tasks
• Persistent storage — data is stored in SQLite via Prisma ORM
• Optimistic UI — task actions update instantly and roll back on failure
• Dashboard analytics — total, completed, remaining tasks, and a completion progress bar
• Loading, empty, and error states — skeleton loaders, illustrated empty state, and dismissible alerts
• Responsive & accessible — mobile-friendly layout, keyboard focus states, and semantic HTML

---

Tech Stack

Layer	Technology
Framework	Next.js 16 (App Router)
Language	TypeScript
Styling	Tailwind CSS v4
Authentication	NextAuth.js
Database	SQLite
ORM	Prisma

---

Screenshots