OctoDo is a modern, Neo-Brutalist task management and productivity web application designed to help you organize daily tasks, track progress, and stay focused in an effective and engaging way.
Created with ❤️ by @octfriz.
- 📊 Interactive Dashboard: Task statistics summary, daily completion rate, pinned tasks, and a customizable Focus (Pomodoro) Timer (5m, 15m, 25m, 45m, 60m, or custom duration).
- 📝 Comprehensive Task Management:
- Task categories (Work, Personal, Study, Fitness).
- Priority levels (High, Medium, Low).
- Internal subtask checklists with automated progress tracking.
- Workload effort indicator ("Tentacles / Octos").
- Fast category filtering, search bar, and task sorting.
- 📋 Kanban Board: Visual workflow board to easily move tasks between statuses (To Do, In Progress, Review, Completed).
- 📅 Calendar View: Interactive calendar grid view to organize task schedules and due dates.
- 🎨 Neo-Brutalist Design System: Bold retro-modern aesthetics with thick borders, vibrant high-contrast colors, hard offset shadows, and full Light & Dark Mode support.
- 🔊 Tactile Sound FX: Interactive audio feedback (clicks, pops, completion fanfares) when completing tasks or navigating menus.
- 💾 Privacy & Local Storage: 100% private client-side browser storage (
localStorage) without external server calls, complete with JSON Backup Export and Demo Data Reset features.
Created & developed by @octfriz. Connect on social media:
- Core: React 19 & TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS v4
- Icons: Lucide React
- Animations & FX: Motion & Canvas Confetti
- Node.js (v18+) & npm
-
Clone the repository:
git clone https://github.com/octfriz/OCTODO.git cd OCTODO -
Install dependencies:
npm install
-
Start the development server:
npm run dev
Open your browser at
http://localhost:3000. -
Build for production:
npm run build
Copyright © 2026 @octfriz. All rights reserved.