Skip to content

πŸ“ A clean and responsive Todo App built with Next.js 15 App Router, TypeScript, Tailwind CSS, and file-based API routes using in-memory data. Add, edit, delete, and toggle todos β€” no database required.

Notifications You must be signed in to change notification settings

jeevan42/NextJS-Todo-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Todo App (Next.js 15 + TypeScript)

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.


πŸ”§ Features

  • βœ… 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)

πŸ“ Tech Stack

  • Framework: Next.js 15+
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Routing: App Router
  • API: File-based API Routes (in-memory data)

πŸš€ Getting Started

# 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

πŸ“ Project Structure

πŸ“¦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

About

πŸ“ A clean and responsive Todo App built with Next.js 15 App Router, TypeScript, Tailwind CSS, and file-based API routes using in-memory data. Add, edit, delete, and toggle todos β€” no database required.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published