A comparison-based task prioritization web app built with React and TypeScript.
Task Prioritizer helps you organize your to-do list by using a simple comparison approach. Instead of trying to prioritize everything at once, the app asks you to compare tasks one pair at a time.
- Add multiple tasks to be prioritized
- Bulk import tasks from text or files
- Simple "this or that" comparison interface
- Skip comparisons for tasks of equal importance
- View final prioritized list
- Mark tasks as complete
- Restore completed tasks if needed
- Export your tasks as text or JSON
- Import tasks from JSON backups
- Light/dark/system theme support
- Works on mobile and desktop devices
- Fully accessible with keyboard navigation and screen reader support
- State persists between browser sessions
- React: UI library for building component-based interfaces
- TypeScript: Static typing for improved code quality and developer experience
- TailwindCSS: Utility-first CSS framework for styling
- ESLint/Prettier: Code quality and formatting tools
- Input Stage: Add your tasks one by one or bulk import them
- Compare Stage: For each pair of tasks, select which one is more important
- Results Stage: View your prioritized list, mark tasks as complete, or export for later use
- Node.js (v14 or higher)
- Yarn package manager
-
Clone the repository
git clone https://github.com/yourusername/task-prioritizer.git cd task-prioritizer -
Install dependencies
yarn install
-
Start the development server
yarn dev
-
Open your browser to http://localhost:3000
yarn devoryarn start- Start development serveryarn build- Build for productionyarn test- Run testsyarn format- Format code using Prettieryarn lint:check- Check for linting issues
The app can be deployed to any static site hosting service:
-
Build the production version
yarn build
-
Deploy the contents of the
builddirectory
MIT