Skip to content

This is a simple task management tool built with [Next.js](https://nextjs.org/). It allows users to add tasks, mark them as completed, delete tasks, and filter tasks by their status. The application also supports local storage to persist tasks across page reloads.

Notifications You must be signed in to change notification settings

Navnit73/task-manager

Repository files navigation

# Task Manager

This is a simple task management tool built with [Next.js](https://nextjs.org/). It allows users to add tasks, mark them as completed, delete tasks, and filter tasks by their status. The application also supports local storage to persist tasks across page reloads.

## Features

- Add a new task
- Mark a task as completed
- Delete a task
- Filter tasks by status (All, Active, Completed)
- Persist tasks in local storage

## Getting Started

### Prerequisites

Make sure you have Node.js and npm installed on your machine. You can download them from [nodejs.org](https://nodejs.org/).

### Installation

1. Clone the repository:

```bash
git clone [email protected]:Navnit73/-task-manager.git
  1. Navigate to the project directory:
cd task-manager
  1. Install the dependencies:
npm install
# or
yarn install
# or
pnpm install

Running the Development Server

To start the development server, run:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying components/TaskManager.js. The page auto-updates as you edit the file.

Project Structure

  • components/TaskManager.js: The main component that contains the task management logic and UI.
  • components/TaskManager.module.css: The CSS module file for styling the TaskManager component.
  • pages/index.js: The main page that renders the TaskManager component.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

License

This project is licensed under the MIT License - see the LICENSE file for details.


About

This is a simple task management tool built with [Next.js](https://nextjs.org/). It allows users to add tasks, mark them as completed, delete tasks, and filter tasks by their status. The application also supports local storage to persist tasks across page reloads.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published