Git Product home page Git Product logo

np-2024 / smart-task-manager Goto Github PK

View Code? Open in Web Editor NEW

This project forked from neha20k/smart-task-manager

0.0 0.0 0.0 274 KB

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.

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

JavaScript 1.71% TypeScript 79.87% CSS 16.99% HTML 1.44%

smart-task-manager's Introduction

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.

smart-task-manager's People

Contributors

neha20k avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.