https://github.com/dnmore/task-manager
Task Manager App with Gamification
https://github.com/dnmore/task-manager
Last synced: 8 months ago
JSON representation
Task Manager App with Gamification
- Host: GitHub
- URL: https://github.com/dnmore/task-manager
- Owner: dnmore
- License: mit
- Created: 2025-05-21T15:48:45.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-29T15:29:25.000Z (12 months ago)
- Last Synced: 2025-10-08T23:57:35.365Z (8 months ago)
- Language: TypeScript
- Homepage: https://taskie-manager.netlify.app/
- Size: 191 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎯 Taskie – Gamified Productivity for Your Tasks
**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.
🔗 [View Live Site](https://taskie-manager.netlify.app/)
## Features ✨
- **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.
## 🛠 Tech Stack
- **React** application using **React Router** with **TypeScript**
- **TailwindCSS**
- **Zustand**
- **Motion**
- **Lucide React**
- **Netlify**
- **Jest + React Testing Library**
## 📦 Getting Started
To run this project locally:
1. Clone the repository:
```bash
git clone https://github.com/dnmore/task-manager.git
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Your application will be available at `http://localhost:5173`.
## 🤝 Contributing
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.