Tasker is a powerful and lightweight todo app built with React, Vite.js, Tailwind CSS, Zustand, and Firebase. It allows you to stay organized and productive with its intuitive interface and powerful features.
Tasker is the perfect tool for anyone who wants to get more done. With its easy-to-use interface and powerful features, Tasker can help you stay organized, set priorities, and track your progress.
| Technology | Description |
|---|---|
| React | A JavaScript library for building user interfaces. |
| Vite.js | A fast, lightweight, and flexible development server and build tool for modern web applications. |
| Tailwind CSS | A utility-first CSS framework for rapidly building custom designs. |
| Zustand | A simple and lightweight state management solution for React. |
| Firebase | A platform for building web and mobile applications backed by Google's infrastructure. |
| TypeScript | A statically typed superset of JavaScript that compiles to plain JavaScript. |
| Storybook | An open source tool for developing UI components in isolation. |
| Headless UI | A library for building user interfaces that are decoupled from the DOM. |
| TailwindUI | A library of UI components built on top of Tailwind CSS. |
Features:
- User authentication: Tasker supports login with social platform services or as a guest. This allows you to easily access your tasks from any device.
- Task management: Tasker allows you to create tasks with tags, start time, and due time. You can also set priorities for your tasks. This helps you to stay organized and track your progress.
- User profile: Tasker allows you to view your user profile, which includes your tasks, tags, and settings. This allows you to customize your experience and make sure that Tasker is working the way you want it to.
- Dark mode: Tasker supports dark mode, which allows you to work in the dark without straining your eyes.
- Customization: Tasker offers extensive customization options, allowing you to personalize the theme and fine-tune various settings to align with your individual preferences. This allows you to make Tasker your own and work in a way that is comfortable for you.
Why use Tasker?
- Easy to use: Tasker is a simple and intuitive app that is easy to learn and use.
- Powerful features: Tasker offers a wide range of features that can help you to stay organized and productive.
- Customizable: Tasker can be customized to your individual preferences.
- Cross-platform: Tasker is available on both desktop and mobile devices.
If you are looking for a todo app that is easy to use, powerful, and customizable, then Tasker is a great option.
Kanban Board
I'm using Notion to track progress on features and tasks for this project. Here is an embedded view of the kanban board:
The kanban board includes:
- Backlog - Prioritized list of tasks to complete
- In Progress - Tasks currently being worked on
- Halted - Tasks paused or delayed for some reason
- Discarded - Tasks removed from scope or cancelled
- Done - Completed tasks and features
Let me know if you have any questions! I'm open to suggestions on better ways to manage project tasks as well.
To run Tasker locally, follow these steps:
- Clone the repository:
git clone https://github.com/vdloc/tasker.git
- Navigate to the project directory:
cd tasker - Install the dependencies:
yarn install
- Start the development server:
yarn dev
- Open your browser and visit http://localhost:5173 to see Tasker in action.
We welcome contributions from everyone! If you're interested in contributing to Tasker, please follow these steps:
- Fork the repository on GitHub.
- Create a new branch for your changes.
- Make your changes and commit them.
- Push your changes to your fork.
- Open a pull request on the main repository.
I will review your pull request and let you know if it's approved. Once your pull request is approved, your changes will be merged into the main repository.
Thank you for your interest in contributing to Tasker!