Skip to content
/ kanban Public

A task management tool that helps teams organize and track their work efficiently.

Notifications You must be signed in to change notification settings

xyzeez/kanban

Repository files navigation

Kanban Logo

A modern task management application built with React, TypeScript, and Tanstack Query


View Demo · Report Bug · Request Feature

Kanban Board Screenshot

📋 Table of Contents

🎯 About

This is a task management tool that helps teams organize and track their work efficiently. Built with modern web technologies, it provides a smooth and intuitive user interface for managing tasks and workflows.

🛠 Built With

  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • TanStack Query

✨ Features

  • Drag and drop task management
  • Real-time updates
  • Responsive design
  • Custom board creation
  • User authentication
  • Dark/Light mode support

🚀 Getting Started

Prerequisites

Installation

  1. Clone the repository

    git clone <repository-url>
    cd kanban-web
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Set up environment variables

    cp .env.example .env
  4. Start the development server

    npm run dev
    # or
    yarn dev

🔑 Environment Variables

VITE_API_URL=http://localhost:3000
VITE_APP_ENV=development

🚀 Deployment

The application can be deployed to any static hosting service. Build the project using:

npm run build

The built files will be in the dist directory.

About

A task management tool that helps teams organize and track their work efficiently.

Topics

Resources

Stars

Watchers

Forks