Skip to content

A web app similar to a kanban board where users can add, drag and drop and eliminate tasks as they get them completed

Notifications You must be signed in to change notification settings

batistaDev1113/kanban-board

Repository files navigation

Kanban Board App

A simple Kanban Board App built with React / Vite, Typescript / JavaScript, and Tailwind CSS. The app has been deployed to Vercel.

Features

Board Creation: Create and manage multiple colummns for projects/tasks. List Management: Organize your work by creating lists on each board. Card Creation: Add tasks or items as cards within lists. Drag-and-Drop: Easily move cards between lists and change their order. Mobile-Friendly: Access and manage your boards on mobile devices.

Getting Started

Prerequisites Before you begin, ensure you have met the following requirements:

Node.js: Make sure you have Node.js installed on your system. You can download it from nodejs.org.

Installation

  • Clone the repository:
git clone https://github.com/yourusername/kanban-board-app.git
  • Navigate to project directory
cd kanban-board-app
  • Install the dependencies:
npm install

Start the app:

npm run dev

Open your web browser and go to http://localhost:3000 to access the Kanban Board App.

Usage

  • Create a new board for your project.
  • Add lists to your board to represent different stages of your workflow.
  • Create cards within lists to represent tasks or items.
  • Customize cards by adding descriptions.
  • Drag and drop cards to change their position or move them between lists.
  • Click on a card to edit its title or description.

Screenshots

Imgur

Imgur

Imgur

About

A web app similar to a kanban board where users can add, drag and drop and eliminate tasks as they get them completed

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published