A React-based task prioritization web application implementing the Eisenhower Matrix methodology. Built with TypeScript and Create React App, featuring local browser storage for data persistence.
Sign in to like and favorite skills
A React-based task prioritization web application implementing the Eisenhower Matrix methodology. Built with TypeScript and Create React App, featuring local browser storage for data persistence.
Helps users organize tasks based on urgency and importance into four quadrants:
eisenhower/ ├── public/ # Static assets and HTML template │ ├── index.html # Main HTML file │ └── manifest.json # PWA manifest ├── src/ │ ├── App.tsx # Main application component │ ├── App.css # Application styles │ ├── components/ # React components │ │ ├── EisenhowerMatrix.tsx # 4-quadrant matrix view │ │ ├── TodoList.tsx # Uncategorized tasks list │ │ ├── TaskInput.tsx # Task entry interface │ │ └── DeletedTasks.tsx # Removed tasks management │ └── index.tsx # Application entry point └── tsconfig.json # TypeScript configuration
interface Task { id: string; // Unique identifier text: string; // Task content quadrant: 'todoList' | 'urgentImportant' | 'importantNotUrgent' | 'urgentNotImportant' | 'notUrgentNotImportant' | 'deleted'; order: number; // Display order originalQuadrant?: Task['quadrant']; // For restoration completed?: boolean; // Completion status delegatedTo?: string; // Delegation target }
npm start # Development server on port 3000 npm build # Production build npm test # Run test suite