task-list Tailwind Templates

Task List

Simple To-Do List App – Built with Next.js, Framer Motion, Tailwind CSS, and ShadCN, featuring smooth animations and local storage support. šŸš€

Task List Application

This is a Next.js project bootstrapped with create-next-app.

Project Description

This project is a simple task list application that allows users to add, edit, and filter tasks. It uses local storage to persist tasks and filters across sessions.

Getting Started

Prerequisites

Make sure you have the following installed on your local machine:

  • Node.js (v14 or later)
  • npm (v6 or later) or yarn (v1.22 or later) or pnpm (v6 or later) or bun (v0.1 or later)

Installation

  1. Clone the repository:
git clone https://github.com/your-username/task-list.git
cd task-list
  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Editing the Project You can start editing the page by modifying page.tsx. The page auto-updates as you edit the file.

Additional Features

āœ… Task filtering (All, Completed, Pending)
āœļø Task editing for updating existing tasks
šŸŒ™ Dark mode support šŸŽ­ Smooth animations for adding and removing tasks

Top categories

Loading Svelte Themes