Skip to content

A basic task management application using ReactJS and Typescript. User can add desired tasks using form. The tasks are further segregated as Added, Started or Completed with drag and drop in multilist or reordering inside the list. Also contains graphs to show Analysis of the task.

Notifications You must be signed in to change notification settings

np-2024/smart-task-manager

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

Smart Task Management App

This is a React-based task management application that allows users to organize tasks, manage priorities, track due dates, and analyze task data.

Features

  • Task Addition: Users can add tasks to the application.
  • Drag-and-Drop Functionality: Tasks can be rearranged by dragging and dropping within the interface based on their status (e.g., started, added, completed).
  • Due Date Tracking: The application displays due dates for tasks.
  • Priority Management: Priorities for tasks are visualized for easy identification.
  • Task Analysis: The app provides graphical representations for task analysis and insights.

Technologies Used

  • React: The application is built using React to handle the UI and manage component-based architecture.
  • Vite: The project utilizes Vite as the build tool for rapid development and efficient bundling.
  • React Beautiful DnD: Drag-and-drop functionality is implemented using the React Beautiful DnD library.
  • React Hot Toast: Notification for task add, removal and error handled using React Hot Toast.
  • AG Chart React: Graphs and visual representations of task analysis are created using AG Chart React.

Installation

  1. Clone the repository:
    git clone https://github.com/neha20k/smart-task-manager.git
  2. Navigate to the project directory: cd task-management-app
  3. Install dependencies: npm install
  4. Start the Vite development server: npm run dev
  5. Access the application: Open your browser and go to http://localhost:3000 to view and interact with the task management app.

Deployment Link

https://smart-task-manager.vercel.app/

Snap of App

Smart-Task-Manager

Usage

Upon starting the application, users can: Add tasks using the provided interface. Rearrange tasks by dragging and dropping within different status categories (e.g., started, added, completed). View due dates and priorities associated with each task. Access task analysis graphs to visualize and understand task-related data.

Contributing

Contributions are welcome! If you'd like to contribute to this project, feel free to open an issue or create a pull request.

About

A basic task management application using ReactJS and Typescript. User can add desired tasks using form. The tasks are further segregated as Added, Started or Completed with drag and drop in multilist or reordering inside the list. Also contains graphs to show Analysis of the task.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 79.9%
  • CSS 17.0%
  • JavaScript 1.7%
  • HTML 1.4%