https://github.com/abhinav0115/taskhubb
TaskHubb is a user-friendly task management app designed to help you stay organized and maximize your productivity. Effortlessly create, manage, and track your tasks with just a few clicks. With its sleek, modern design, TaskHubb offers powerful features like due dates, priorities, and customizable tags to keep your tasks neatly organized.
https://github.com/abhinav0115/taskhubb
data-persistence dayjs javascript localstorage lucide-react material-ui next-themes nextjs14 react responsive-design tailwindcss toastify typescript
Last synced: 3 months ago
JSON representation
TaskHubb is a user-friendly task management app designed to help you stay organized and maximize your productivity. Effortlessly create, manage, and track your tasks with just a few clicks. With its sleek, modern design, TaskHubb offers powerful features like due dates, priorities, and customizable tags to keep your tasks neatly organized.
- Host: GitHub
- URL: https://github.com/abhinav0115/taskhubb
- Owner: Abhinav0115
- License: mit
- Created: 2025-06-01T11:42:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-02T05:35:38.000Z (12 months ago)
- Last Synced: 2025-07-02T06:19:33.751Z (12 months ago)
- Topics: data-persistence, dayjs, javascript, localstorage, lucide-react, material-ui, next-themes, nextjs14, react, responsive-design, tailwindcss, toastify, typescript
- Language: TypeScript
- Homepage: https://taskhubb.vercel.app
- Size: 3.01 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TaskHubb - Your Task Management Hub
TaskHubb is a user-friendly, modern task management app built with [Next.js](https://nextjs.org) (App Router), [Material UI](https://mui.com/), and [Tailwind CSS](https://tailwindcss.com/).
Effortlessly create, manage, and track your tasks with features like due dates, priorities, customizable tags, comments, and dark/light mode.
All data is stored locally in your browser for privacy and speed.
---
## 🚀 Live Demo
[](https://taskhubb.vercel.app/)
---
## ✨ Features
- 📝 **Add, Edit, Delete Tasks**
- ✅ **Mark Tasks as Completed**
- 🏷️ **Custom Tags & Tag Filtering**
- ⏰ **Due Dates & Priority Levels**
- 💥 **Visual Priority Badges (color-coded)**
- 💬 **Comments on Tasks**
- 🌗 **Dark/Light Mode Toggle**
- 🔍 **Search & Filter Tasks**
- 📦 **LocalStorage Persistence**
- 🔔 **Toast Notifications**
- ⚡ **Responsive & Accessible UI**
## 🛣️ Roadmap
### 🚧 **Version 1.1.0**
- 🏷️ **Custom Tags & Tag Filtering**
- 💬 **Comments on Tasks**
- 🌗 **Dark/Light Mode Toggle**
- ⏰ **Due Dates & Priority Levels**
- 📦 **LocalStorage Persistence**
- 🔍 **Search & Filter Tasks**
### 🚧 **Coming in version 2.1.0**
- 📱 **PWA (Progressive Web App) support**
- 🪢 **Subtasks for each task**
- 💬 **Comments on Subtasks**
- 📲 **Push Notifications**
- 📊 **Progress Tracker**
Stay tuned for even more productivity features!
---
## 🛠️ Getting Started in local
### 1. Clone the repository
```bash
git clone https://github.com/Abhinav0115/taskhubb.git
cd taskhubb
```
### 2. Install dependencies
```bash
npm install
# or
yarn install
```
### 3. Run the development server
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) to view the app.
---
## ⚙️ Project Structure
```
src/
app/ # Next.js app directory (App Router)
components/ # React components (TaskList, TaskItem, Modals, etc.)
lib/ # Utilities, theme provider, metadata
types/ # TypeScript types
public/ # Static assets (images, icons)
```
---
## 🌈 Customization
- **Theme:** Uses [next-themes](https://github.com/pacocoursey/next-themes) for dark/light mode.
- **UI:** Built with Material UI and Tailwind CSS.
- **Persistence:** Tasks are stored in browser localStorage.
---
## 📦 Dependencies
- [Next.js](https://nextjs.org/)
- [React](https://react.dev/)
- [Material UI](https://mui.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [next-themes](https://github.com/pacocoursey/next-themes)
- [react-toastify](https://fkhadra.github.io/react-toastify/)
- [uuid](https://www.npmjs.com/package/uuid)
## 🙏 Acknowledgements
- [Next.js Documentation](https://nextjs.org/docs)
- [Material UI](https://mui.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [react-toastify](https://fkhadra.github.io/react-toastify/)
- [next-themes](https://github.com/pacocoursey/next-themes)
---
## 🔗 Links
- [Live Project](https://taskhubb.vercel.app)
- [Report Issues](https://github.com/Abhinav0115/taskhubb/issues)
---
> _TaskHubb — Your Task Management Hub!_