Task Management Application

Click here for live demo 👆

The Task Management Application is a web application built with Next.js, TypeScript, MobX State Tree (MST), and Tailwind CSS. It allows users to manage their tasks by creating, viewing, updating, and deleting tasks.

Features

• View a list of tasks.
• Filter tasks by its status.
• View individual task details.
• Add a new task.
• Edit an existing task.
• Mark task as ToDo, In Progress and Completed.
• Delete a task.

Technology Stack

• Next.js: Framework for building the application.
• TypeScript: Codebase written in TypeScript for type safety and maintainability.
• MobX State Tree (MST): State management solution for managing the task data.
• Tailwind CSS: Utilized for styling and layout purposes.
• Git: Version control system for tracking changes.

Project Structure

The project follows a modular and maintainable structure, with the following main directories:

• pages: Contains the Next.js pages for routing and rendering.
• components: Contains reusable React components used throughout the application.
• models: Contains the MobX State Tree models for managing task data.

Getting Started

Prerequisites

• Node.js: Ensure that Node.js is installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/abhisheksharma1310/task-management-app.git

2. Change into the project directory:

   cd task-management-app

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   npm run dev

2. Open your browser and visit http://localhost:3000 to access the Task Management Application.