Taskie turns task management into a motivating and playful experience. By combining intuitive organization with gamified features, it encourages consistent productivity while making daily to-dos feel less like a chore and more like a challenge.
Designed with a bold neo-brutalist aesthetic, Taskie helps users stay focused by offering visual rewards, progress tracking, and a clean interface that promotes task completion through positive feedback and engagement.
- Task Creation & Editing: Users can create, edit, and delete tasks with assigned priorities (low, medium, high) and due dates.
- Points System: Earn points based on task priority when completing tasks: Low Priority: +10 points Medium Priority: +20 points High Priority: +30 points
- Levels: As users accumulate points, they unlock new levels: Taskie Novice: 0 – 99 points Taskie Pro: 100 – 199 points Taskie Guru: 200+ points
- Filters: Filter tasks by priority (Low, Medium, High).
- Modals: Modals are used for creating/editing tasks and displaying game rules.
- Progress Bar: Shows progress toward the next level.
- Gamification: Unlock levels, badges, and celebrate task completion with animated feedback using Framer Motion.
- Internationalization (i18n) - Supported languages: English (en), Italian (it), French (fr) and German (de); language switcher for seamless in-app language selection.
- React application using React Router with TypeScript
- TailwindCSS
- Zustand
- Motion
- Lucide React
- Netlify
- Jest + React Testing Library
- React Intl for internationalization (i18n)
To run this project locally:
-
Clone the repository:
git clone https://github.com/dnmore/task-manager.git
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Your application will be available at
http://localhost:5173.
Contributions and feedback are welcome! Fork the repository and submit a pull request with your ideas, improvements, or bug fixes.
📄 License
This project is licensed under the MIT License.
Built with ❤️ using React Router.