https://github.com/maxverwiebe/kanbany

A lightweight Kanban board web app inspired by Trello, featuring local storage for persistent task management.
https://github.com/maxverwiebe/kanbany

free jira kanban kanban-board localstorage trello

Last synced: 3 months ago
JSON representation

A lightweight Kanban board web app inspired by Trello, featuring local storage for persistent task management.

• Host: GitHub
• URL: https://github.com/maxverwiebe/kanbany
• Owner: maxverwiebe
• Created: 2025-04-09T15:12:34.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-05-11T06:38:59.000Z (5 months ago)
• Last Synced: 2025-06-30T19:50:30.009Z (4 months ago)
• Topics: free, jira, kanban, kanban-board, localstorage, trello
• Language: JavaScript
• Homepage: https://kanbany.vercel.app
• Size: 1.44 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  




  

    

  

  

    

  

  

    

  



  🚀 Table of Contents

- [About](#about)

- [Features](#features)

- [Demo](#demo)

- [Screenshots](#screenshots)

- [Getting Started](#getting-started)

- [Usage](#usage)

- [Technologies](#technologies)

- [Contributing](#contributing)

## 🎯 About

Kanbany is a minimalist Trello-clone and Kanban board built with React and Next.js. Organize tasks via an intuitive drag-and-drop interface, with full state persistence using the browser's local storage.

## 📸 Screenshots



  Card View / Editor

  

  

  

  Label Manager

  

  ![Label Manager](https://github.com/user-attachments/assets/e4a296e8-043d-4115-a96c-b280c8b4e4ac)

  

  Column Manager

  

  ![Column Manager](https://github.com/user-attachments/assets/e6f12ae9-bff2-4b07-9e5d-0aa2a6ace5a5)

  

  Menu

  

  ![Responsive View](https://github.com/user-attachments/assets/993c5126-bb57-466d-b1b7-f8171539ba53)

  

  Dark Mode

  

  

## Features

- **Drag & Drop**: Smooth card movement between columns.

- **Persistent Storage**: Automatic saving to Local Storage.

- **Custom Labels**: Create, assign, and manage labels for tasks.

- **Column Management**: Add, remove, and reorder columns.

- **Dark Mode**: Switch between light and dark themes for comfortable viewing.

- **Card Checklists**: Break tasks into smaller steps and track progress.

- **Responsive Design**: Mobile-friendly and adapts to any screen size.

- **Data Import/Export**: Backup or transfer your board via JSON.

## 🔗 Demo

Try it live at [kanbany.vercel.app](https://kanbany.vercel.app).

## 🏗️ Getting Started

### Prerequisites

- [Node.js](https://nodejs.org/) v14+

- npm or Yarn

### Installation

```bash

# Clone the repository

git clone https://github.com/maxverwiebe/kanbany.git

cd kanbany

# Install dependencies

npm install  # or yarn install

# Start development server

npm run dev  # or yarn dev

```

Visit `http://localhost:3000` to view the app locally.

## 💡 Usage

- **Add Cards**: Click **+** in any column.

- **Edit Cards**: Click a card to open the editor modal, update details, labels, or move it.

- **Move via. Drag and Drop**: Easily move cards with Drag and Drop.

- **Manage Columns & Labels**: Access the menu icon in the header.

- **Export/Import Data**: Use the menu to download/upload JSON backups. But don't worry, your data is automatically saved to the LocalStorage of your Browser.

## 🛠️ Technologies

- **React** & **Next.js**

- **Tailwind CSS**

- **Local Storage** for persistence

- **React Context API** for global state

- **React Icons** for icons lol

- **marked** for Markdown integration in the description field

## 🤝 Contributing

Contributions are welcome! Please:

1. Fork the repo

2. Create a feature branch (`git checkout -b feature/YourFeature`)

3. Commit your changes (`git commit -m "feat: Your feature"`)

4. Push to branch (`git push origin feature/YourFeature`)

5. Open a Pull Request