Skip to content

abdullah-dev5/Todo-Zustand

Repository files navigation

Task Management Application

This project is a task management application built with React, Zustand, and Tailwind CSS. The application allows users to add, delete, and move tasks between different states: Planned, Ongoing, and Done.

Features

  • Add Tasks: Users can add new tasks to any of the three states.
  • Delete Tasks: Users can delete tasks.
  • Move Tasks: Users can drag and drop tasks between the different states.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Zustand: A small, fast, and scalable state-management solution for React.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.

Installation

  • React
  • React DOM
  • Zustand
  • Tailwind CSS
  • classnames immer
  1. Clone the repository:

    git clone https://github.com/your-username/task-management-app.git
    cd task-management-app
    

Project Structure

  • task-management-app/
  • ├── public/
  • │ └── index.html
  • ├── src/
  • │ ├── assets/
  • │ │ └── trash-2.svg
  • │ ├── components/
  • │ │ ├── Column.jsx
  • │ │ └── Task.jsx
  • │ ├── store.js
  • │ ├── App.jsx
  • │ ├── App.css
  • │ ├── index.js
  • │ └── index.css
  • ├── .gitignore
  • ├── package.json
  • ├── README.md
  • └── tailwind.config.js