Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danteterry/taskify
Your Ultimate Task Management Hub for Teams and Individuals
https://github.com/danteterry/taskify
firebase javascript nextjs project-management reactjs redux-toolkit task-management
Last synced: 4 days ago
JSON representation
Your Ultimate Task Management Hub for Teams and Individuals
- Host: GitHub
- URL: https://github.com/danteterry/taskify
- Owner: DanteTerry
- Created: 2024-08-12T15:34:24.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-10-21T18:13:06.000Z (24 days ago)
- Last Synced: 2024-10-22T10:47:16.280Z (23 days ago)
- Topics: firebase, javascript, nextjs, project-management, reactjs, redux-toolkit, task-management
- Language: TypeScript
- Homepage: https://taskify-arpit.vercel.app
- Size: 35.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
###
Taskify
###
Your Ultimate Task Management Hub for Teams and Individuals
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🚀 [More](#more)
Taskify is a cutting-edge task management platform designed to streamline workflow management for teams and individuals. Whether you're working on complex projects or organizing personal to-dos, Taskify provides a robust, user-friendly interface to help you stay organized and on track.
Taskify’s flexible project management system includes three types of project boards: Kanban Board, Page Projects (for documentation-style management), and Sprint Projects (ideal for agile teams). With a built-in collaboration feature, Taskify allows team members to join projects, assign tasks, and track progress in real-time. Its simple yet powerful design enables effective project tracking from inception to completion.
Taskify is designed to suit a wide variety of use cases, offering customizable workflows, secure authentication, and comprehensive task tracking across multiple stages such as backlog, in progress, and completed tasks. Whether you're an individual looking to keep your personal tasks organized, or a team leader aiming to improve your team's efficiency, Taskify has all the tools you need.
- Next.js
- TypeScript
- TailwindCSS: For responsive and modern user interface styling.
- Redux-Toolkit: For efficient state management across the app
- Firebase Database: Ensures real-time synchronization of tasks and projects.
- Clerk: For secure and seamless user authentication.
- React Beautiful DnD: To enable intuitive drag-and-drop functionality within the task board.
- BlockNote: For flexible note-taking and task descriptions.
- Shadcn: Provides the design system for consistent and aesthetic UI elements.
## 🔋 Features
✨ **Sleek Dashboard Interface**: Taskify boasts a clean, modern dashboard that makes project and task management effortless, focusing on ease of use and intuitive navigation.
🔒 **User Authentication**: Leveraged Clerk for secure user authentication, ensuring protected access to your projects with seamless login and route security.
📊 **Kanban and Sprint Projects**: Provides flexible task management through Kanban-style boards and sprint-based workflows, enabling teams to adapt Taskify to their preferred project style.
🤝 **Real-Time Collaboration**: Invite team members and collaborate in real-time with instant updates and notifications, ensuring everyone stays on the same page.
📝 **Drag-and-Drop Task Management**: Utilized React Beautiful DnD to allow intuitive drag-and-drop for tasks, enabling smooth reordering and prioritization within projects.
🔍 **Advanced Search and Filters**: Quickly find tasks with robust search and filtering capabilities, making it easy to locate specific items in large projects.
📅 **Sprint Planning Tools**: Manage sprints effectively with tools designed for task assignment, deadline setting, and sprint progress tracking.
🎨 **Tailwind CSS Styling**: Styled with Tailwind CSS to create a polished, responsive interface, ensuring a visually engaging experience across devices.
💾 **Real-Time Data Sync**: Powered by Firebase, Taskify provides real-time data synchronization, ensuring instant updates and project consistency for all users.
📱 **Responsive UI/UX**: Enjoy a seamless experience across devices with a user-friendly interface, ensuring accessibility and comfort in every interaction.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/DanteTerry/taskify.git
cd taskify
```
**Installation**
Install the project dependencies using npm:
```bash
npm run dev
```
**Set Up Environment Variables**
Create a new file named `.env.local` in the root of your project and add the following content:
```env
#CLERK_KEYS
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
#NEXT PUBLIC URL FOR CLERK
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
#FIREBASE
NEXT_PUBLIC_FIREBASE_API_KEY=
#UPLOADTHING KEYS
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
#GEMINI API KEY
NEXT_PUBLIC_GEMINI_API_KEY=
```
Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the [Clerk](https://clerk.com), [Firebase](https://firebase.google.com/), [UploadThing](https://uploadthing.com) and [Gemini](https://aistudio.google.com)
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.
##
## Connect with Me
Feel free to reach out if you have any questions, feedback, or just want to chat! You can connect with me via:
- Email: [[email protected]](mailto:[email protected])
- LinkedIn: [Arpit Yadav](https://www.linkedin.com/in/arpityadav0/)
- Twitter: [@Arpit685895](https://twitter.com/Arpit685895)
##
Thank you for visiting