https://github.com/alnahian2003/kajkam

KajKam is a modern, fully client-side web application designed to help you organize and manage tasks efficiently. Built with TailwindCSS v4 and AlpineJS, KajKam uses localStorage to persist your data, requiring no backend.
https://github.com/alnahian2003/kajkam

alpinejs kanban-board kanban-board-application tailwindcss-v4 task-manager

Last synced: 4 months ago
JSON representation

KajKam is a modern, fully client-side web application designed to help you organize and manage tasks efficiently. Built with TailwindCSS v4 and AlpineJS, KajKam uses localStorage to persist your data, requiring no backend.

• Host: GitHub
• URL: https://github.com/alnahian2003/kajkam
• Owner: alnahian2003
• Created: 2025-08-25T21:40:38.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-25T22:38:02.000Z (10 months ago)
• Last Synced: 2025-10-25T16:34:57.560Z (8 months ago)
• Topics: alpinejs, kanban-board, kanban-board-application, tailwindcss-v4, task-manager
• Language: HTML
• Homepage: https://alnahian2003.github.io/kajkam/
• Size: 98.6 KB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# KajKam

![Preview](screenshot.png)

**KajKam** is a modern, fully client-side web application designed to help you organize and manage tasks efficiently. Built with **TailwindCSS v4** and **AlpineJS**, KajKam uses localStorage to persist your data, requiring no backend.

## Features

- **Boards**

  - Create, rename, and delete boards.

  - Board states persist in localStorage.

- **Lists**

  - Add, rename, delete, and reorder lists within boards.

  - List order is fully persistent.

- **Cards**

  - Add, edit inline, delete, and reorder cards.

  - Drag-and-drop cards between lists.

  - Smooth animations for a polished experience.

- **Data Management**

  - Full localStorage persistence for boards, lists, and cards.

  - Optional JSON export/import for backup.

- **UI/UX**

  - Modern, minimalist design.

  - Rounded corners, soft shadows, subtle borders.

  - Single accent color with neutral backgrounds.

  - Dark mode toggle with preference persistence.

  - Responsive and mobile-friendly layout.

- **Extra UX Enhancements**

  - Undo or confirm deletions.

  - Smooth transitions and animations.

  - Keyboard navigation support.

## Usage

Open [KajKam](https://alnahian2003.github.io/kajkam) in your browser. All data is stored locally.

- **Drag-and-Drop:** Move cards within or across lists by dragging.

- **Dark Mode:** Toggle via the top-right corner.

- **Data Backup:** Export current state as JSON and re-import anytime.

## Contributing

Contributions are welcome. Fork the repository, make changes, and submit a pull request.

- Maintain the client-side-only architecture.

- Follow TailwindCSS and AlpineJS conventions.