← Back To Projects
January 2026 - March 2026
3 Months

Task Flow Pro

A collaborative task-management platform for individuals and teams

Helped deliver a centralized platform for managing both personal and collaborative team tasks
Enabled task organization through list, Kanban, calendar, and activity-feed views
Added file attachments so users could include supporting resources with their tasks
Contributed to a responsive multi-user application with protected routes and role-based access
React 19ViteJavaScriptTailwind CSSFramer MotionReact RouterNode.jsExpressJWTbcryptMulterPostgreSQLPrisma ORMSupabaseDockerRenderVercel

About This Project

Task Flow Pro is a collaborative full-stack task-management platform developed as a three-month team capstone. It allows users to organize personal and team tasks, assign responsibilities, set priorities and deadlines, upload attachments, leave comments, and monitor progress. The platform also includes role-based permissions, a drag-and-drop Kanban board, calendar scheduling, an activity feed, and an administrative dashboard.

TIMELINE

January 2026

Planning and Frontend Foundation

Defined the project requirements, organized team responsibilities, initialized the React application, and created the core layouts, routes, navigation, and baseline styling.

Late January - Early February 2026

Authentication and Database Integration

Connected the PostgreSQL database through Prisma and implemented registration, login, password hashing, JWT authentication, and protected routes.

February 2026

Task Management

Implemented task creation, editing, deletion, completion tracking, priorities, due dates, filters, and detailed task pages.

Late February - Early March 2026

Teams and Collaboration

Added team creation, member invitations, task assignments, comments, member management, and role-based permissions.

Mid-March 2026

Attachments and Productivity Views

Implemented task file attachments and added the drag-and-drop Kanban board, calendar scheduling, and activity feed.

Late March 2026

Responsive Design and Deployment

Improved mobile responsiveness, added compact navigation, fixed integration issues, tested the main workflows, and deployed the application.

PROJECT MEDIA

See It In Action.

Task Flow Pro screenshot 1
Task Flow Pro screenshot 2
Task Flow Pro screenshot 3
Task Flow Pro screenshot 4
Task Flow Pro screenshot 5
Task Flow Pro screenshot 6
Task Flow Pro screenshot 7
Task Flow Pro screenshot 8
Task Flow Pro screenshot 9

EXPLORE THE PROJECT