Skip to content

ssonisahill/Drag-Track

Repository files navigation

Drag-Track

Drag Track is a simple Kanban Board which user can drag and drop the containers between the columns.

👨🏻‍💻 Technology Used

  • React
  • DnD Kit
  • TypeScript
  • Tailwind CSS
  • Framer-Motion
  • Lucid Icons (for icons)
  • Zustand (for state management)

👀 Features

  • Totally responsive.
  • Add new card item.
  • Edit the title and containers content.
  • Drag and Drop between different columns.
  • Drag and Drop the containers and the cards.

🏃🏻‍♂️ Running Process

To run this project you need to follow this steps :-

  1. Clone the repository to your local machine.
  2. Run npm install or yarn add in the project directory to install the required dependencies.
  3. To run - npm run start or yarn start to get the project started.
  4. Open http://localhost:5173 (or address shown in your console) in your web browser to view app.

or you can use this link - https://dragtrack.vercel.app

📽️ Documentation

Drag.Track.mp4

About

Drag Track is a Kanban Board made with DND kit, it allow user to simply drag and drop between columns.

Topics

Resources

Stars

Watchers

Forks

Contributors