A simple yet powerful Todo App built with Next.js App Router, TypeScript, and Tailwind CSS. It supports adding, editing, completing, and deleting todos β all using API Routes with in-memory data.
- β Add todos
- π Edit todos
- ποΈ Delete todos
- βοΈ Toggle complete/incomplete
- β‘ In-memory API (no DB)
- π¨ Responsive UI with Tailwind CSS
- βοΈ Built with TypeScript & Next.js 15 (App Router)
- Framework: Next.js 15+
- Language: TypeScript
- Styling: Tailwind CSS
- Routing: App Router
- API: File-based API Routes (in-memory data)
# 1. Clone the repo
git clone https://github.com/jeevan42/NextJS-Todo-App.git
# 2. Go to the project directory
cd todo-app
# 3. Install dependencies
npm install
# 4. Run the development server
npm run dev
π¦todo-app/ βββ src/ β βββ app/ β β βββ api/ β β β βββ todos/ β β β βββ route.ts # API routes (CRUD logic) β β βββ globals.css # Tailwind + global styles β β βββ page.tsx # Main UI component βββ public/ # Public assets (if any) βββ tailwind.config.ts # Tailwind config βββ tsconfig.json # TypeScript config βββ next.config.js # Next.js config βββ package.json # Scripts and dependencies βββ README.md