Stop trying to figure out what the fuck you need to do. Own your time.

• DO FIRST (Urgent + Important) - Critical tasks requiring immediate attention
• SCHEDULE (Not Urgent + Important) - Long-term strategic work
• DELEGATE (Urgent + Not Important) - Tasks to assign to others
• ELIMINATE (Not Urgent + Not Important) - Time-wasters to avoid

• Create, Edit, Delete - Full CRUD operations for tasks
• Task Status System - Three states: TODO → IN PROGRESS → DONE
• Smart Status Progression - Click START to begin, COMPLETE to finish
• Status Reversion - Revert tasks back to previous states

• Search - For when you have too many things on your plate
• Tags - Add multiple tags to categorize tasks
• Tag Filtering - Click any tag to filter tasks across all quadrants
• Links - Attach URLs to tasks (open in new windows)
• Archive View - Completed tasks are moved to a separate archive

• localStorage - All data persists in browser storage
• Auto-Save - Every action automatically saves
• Survives Reloads - Tasks, tags, status, and theme all persist

• Neo-Brutalist Aesthetic - Bold colors, thick borders, dramatic shadows
• Dark/Light Themes - Toggle between modes with persistent preference
• Responsive Layout - Works on desktop, tablet, and mobile
• Distinctive Typography - Space Mono + Work Sans font pairing
• Color-Coded Quadrants - Each quadrant has a unique accent color

1. Clone the repository:

git clone https://github.com/yourusername/eisen-todo.git
cd eisen-todo

2. Open index.html in your browser, or serve with any web server:

npm start 

or just open the HTML file in your broswer

3. Navigate to http://localhost:8080 in your browser

This is a vanilla JavaScript application with no dependencies or build steps!

1. Just write in any of the quadrants
2. Fill in the task description
3. Select the appropriate quadrant
4. Add tags #work, #meeting
5. Add links https://github.com, https://docs.com
6. Save the task

It's so simple, just use it.

This is no building bro, just plain html, js and CSS.

• Electric Blue (#0066FF) - Primary brand color
• Hot Pink (#FF006E) - Urgent/Important quadrant
• Acid Yellow (#FFBE0B) - Delegate quadrant
• Cyber Cyan (#00F5FF) - Accents and dark mode shadows
• Purple (#8338EC) - Eliminate quadrant

• Space Mono - Headings, labels, and monospace elements
• Work Sans - Body text and UI elements

• Uses a consistent 4px base unit
• Generous padding for Neo-Brutalist aesthetic
• Bold borders (2px, 3px, 4px thickness)

• XSS Prevention - All user input is HTML-escaped
• Safe Links - External links use rel="noopener noreferrer"
• Client-Side Only - No server communication, data stays local

Just use any chromium browser already, and keep it updated. No Edge pls.

Requires support for:

• CSS Grid and Flexbox
• CSS Custom Properties
• ES6+ JavaScript (Classes, Arrow Functions, Template Literals)
• localStorage API

Contributions are welcome! But since I am lazy to review stuff you can just fork it and do it yourself lol.

This project is open source and available under the MIT License.

• Inspired by my managers giving me too much work

For questions, feedback, or suggestions, please open an issue on GitHub and be patient, this is a hobby project.