Taskify

Your Ultimate Task Management Hub for Teams and Individuals

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🚀 More

🤖 Introduction

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.

⚙️ Tech Stack

• 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.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/DanteTerry/taskify.git
cd taskify

Installation

Install the project dependencies using npm:

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:

#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, Firebase, UploadThing and Gemini

Running the Project

npm run dev

Open 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: Arpityadav2998@gmail.com
• LinkedIn: Arpit Yadav
• Twitter: @Arpit685895

Thank you for visiting