A minimalist, high-performance Kanban board built with modern web technologies. Part of the LKLY.net suite of developer tools.
- 🚀 Blazing fast, static-first architecture
- 🎯 Clean, minimalist interface
- 🔄 Real-time board updates with optimistic UI
- 🔗 Shareable board URLs
- 🎨 Automatic column colorization
- 📱 Mobile-responsive design
- ⌨️ Full keyboard navigation support
- ♿ WCAG accessibility compliant
- 🔍 SEO optimized
- 🌓 Dark theme by default
- Vanilla JavaScript for core functionality
- Tailwind CSS for styling
- Font Awesome for icons
- Zero build process
- No framework dependencies
- Cloudflare Workers for API
- Cloudflare KV for data storage
- Cloudflare Pages for static hosting
- Clone the repository:
git clone https://github.com/lkly/tasks.git
cd tasks- Create a Cloudflare Pages project:
- Connect your GitHub repository
- Set the build command to: (none)
- Set the build output directory to: .
- Add environment variable:
API_KEY: Your chosen API key for backend access
- Create a Cloudflare Worker:
- Copy the contents of
worker.jsto a new Cloudflare Worker - Create a new KV namespace called
TASKS_DB - Bind the KV namespace to your worker with the variable name
TASKS_DB - Add environment variable:
API_KEY: Same value as used in Pages
- Configure your domain:
- Add your domain to Cloudflare DNS
- Point it to your Cloudflare Pages deployment
- Add a route pattern for
/api/*to your Worker
- Text-based configuration for easy editing
- Real-time preview of changes
- Automatic saving with status indicator
- Drag and drop tasks between columns
- Click to mark tasks as complete
- Keyboard navigation support
- Visual feedback for task status
- Add/remove columns easily
- Automatic color assignment
- Resizable sidebar for configuration
- Unique URL for each board
- Easy link copying
- Real-time updates
The application is optimized for performance:
- Static asset delivery through Cloudflare's edge network
- Minimal JavaScript footprint
- No external dependencies
- Efficient DOM updates
- Optimized for Core Web Vitals
- API key authentication for all requests
- CORS protection
- No sensitive data in client-side code
- Cloudflare's security features by default
Supports all modern browsers:
- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)
- Mobile browsers
- Fork the repository
- Create a feature branch
- Commit your changes
- Push to the branch
- Create a Pull Request
MIT License - see LICENSE file for details.
- GitHub Issues: Report a bug
- Twitter: @itslkly
- Website: lkly.net