Skip to content

Alijavedofficial/TaskFlow

Repository files navigation

TaskFlow

Overview

TaskFlow! a modern and responsive task management application built with Next.js, React, and Tailwind CSS. The application features a clean and intuitive interface, allowing users to manage tasks efficiently by dragging them between columns representing different states: Pending, Ongoing, and Done. The application also includes dark mode functionality for a better user experience.

Features

  • Drag and Drop Functionality: Easily move tasks between columns using drag and drop.
  • Dark Mode: Switch between light and dark themes to suit your preference.
  • Responsive Design: Fully responsive layout that works on various screen sizes and devices.
  • Clean Design: Neat and user-friendly interface for an optimal task management experience.
  • State Management: Manage task states (Pending, Ongoing, Done) effectively.

Technologies Used

  • Next.js: A React framework for building server-rendered applications.
  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for styling.
  • Shadcn: A design system for creating a consistent user experience.
  • react-beautiful-dnd: A library for drag and drop interactions.

Installation

  • Live Site: taskfloow.vercel.app

📹 Video Demonstration

Taskflow.mp4

About

Draggable and Droppable task Manager

Resources

Stars

Watchers

Forks

Languages