A sleek and intuitive todo app with drag and drop functionality for easy task management

Zizi-Task

LIVE DEMO HERE!

🎯 About

Zizi-Task: A modern and intuitive todo application with a sleek and user-friendly interface. This app allows you to easily manage your tasks and prioritize them using drag and drop functionality. Organize your todos effortlessly by dragging them between ‘Active’ and ‘Completed’ containers. Stay productive and keep track of your progress with Zizi-Task. Built with React and powered by the react-beautiful-dnd library.

Project Demo

zizi-task-demo.mp4

✨ Features

✔️ Drag and Drop: Effortlessly rearrange tasks by dragging and dropping them between the ‘Active’ and ‘Completed’ containers

✔️ Task Management: Create, edit, and delete tasks to keep track of your daily responsibilities.

✔️ User-friendly Interface: Enjoy a clean and intuitive interface that makes it easy to manage your todo list.

✔️ Responsive Design: Access your todo app from any device, including desktops, tablets, and mobile phones.

🚀 Technologies

The following tools were used in this project:

  • TailwindCSS
  • React
  • Typescript

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/ibrahzizo360/Zizi-Task

# Access
$ cd Zizi-Task

# Install dependencies
$ yarn or npm install

# Run the project
$ yarn dev or npm run dev

GitHub

View Github