A high-performance, minimalist task manager designed for developer roadmaps. DevTasks provides a premium, clean monochrome environment with fluid micro-animations, theme toggles, and state persistence to keep your engineering flow uninterrupted.
- ⚡ Ultra-Fast Performance: Built on React 19 and Vite 6 for instant reactivity and hot reloading.
- 🌓 Dynamic Themes: Seamless transitions between premium white and deep zinc dark modes.
- 🗂 Categorized Engineering Tasks: Group tasks by
FEATURE,BUG, orREFACTORwith custom priority weights (HIGH,MEDIUM,LOW). - 📊 Roadmap Analytics: Live visual progress indicators tracking your overall task completion percentage.
- 📜 System Logs & History: Dedicated recovery panel to audit and restore deleted tasks back into your roadmap.
- 📦 Robust Persistence: State stays persistent across browser reloads using LocalStorage.
- 🔔 Polished Toasts: Custom, stylized notifications powered by
sonnermatching the application's clean design.
- Core: React 19
- Styling: Tailwind CSS v4 (utility-first, pure custom tokens)
- Bundler & Dev Server: Vite 6
- Routing: React Router v7
- Notifications: Sonner
- Icons: React Icons
Get your local development environment running in under 2 minutes:
git clone https://github.com/shamilahmdt/devtasks.git
cd devtasksnpm installnpm run devOpen your browser and navigate to http://localhost:5173.
We love open-source contributions! Whether you're a seasoned developer or looking to make your very first PR, you are welcome here.
⭐ Support the Project: If you find DevTasks helpful or are planning to contribute, please consider giving us a star! It helps others discover the project and shows your appreciation for our maintainers.
- Fork the repository and clone your fork locally.
- Create a branch for your feature:
git checkout -b feat/your-awesome-feature
- Commit your changes using clean, descriptive commit messages.
- Push to your fork and submit a Pull Request targeting our
mainbranch.
Got a feature idea, an architectural suggestion, or just want to chat about the roadmap?
- Join the Conversations: Head over to our GitHub Discussions page.
- Pitch New Features: We love exploring new concepts! Start a discussion thread to discuss layout designs, icons, or state structures before writing code.
Ready to write some code? We actively maintain highly descriptive templates for first-time contributors. Look out for the good first issue and help wanted labels inside our GitHub Issues tracker!
Here are the current active issues open for implementation on our repository:
-
🟢 Add Global Keyboard Shortcuts & Shortcuts HUD Modal (#78)
- Goal: Implement global keyboard shortcuts (e.g.
Alt + A,Alt + L) and a sleek keyboard cheatsheet HUD overlay when pressing?to maximize engineer productivity. - Skills: Keyboard event listeners, React state management, Tailwind transition overlays.
- Goal: Implement global keyboard shortcuts (e.g.
-
🟢 Improve Mobile Responsiveness Across Core Pages (#76)
- Goal: Optimize layouts for mobile displays ensuring dashboard cards, task list items, and system logs adapt gracefully to small screen sizes.
- Skills: Responsive design, Tailwind CSS breakpoints, mobile UX.
-
🟢 Improve Task Editing UX, Dropdown Behavior & Validation Feedback (#71)
- Goal: Polish the inline task editing flow, secure inputs with simple validation notifications, and refine category dropdown animations.
- Skills: Controlled inputs, inline state toggles, validation feedback.
-
🟢 Improve Dark Mode Consistency & Consolidate Backup Actions (#61)
- Goal: Unify zinc color schemes for perfect dark/light contrast on all components, and consolidate backup actions under a consistent interface.
- Skills: Theme switching, custom design consistency, standard layout rules.
This project is licensed under the MIT License - see the LICENSE file for details.