Zizi-Task
🎯 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
