January 2024

Universal Pipeline

Universal Pipeline (Unipipe) is a powerful project management platform tailored for creative industries, enabling studios and freelancers to design custom workflows, track project timelines, and organize tasks efficiently.

Key Features:

Custom Pipeline Designer: Build and optimize workflows that perfectly match your project's requirements, ensuring a smooth process from start to finish.
Gantt Chart Visualization: Simplify complex schedules and ensure timely delivery with a clear and manageable Gantt chart for all your projects.
Collaborative Review Tool: Streamline the creative feedback process with an integrated tool that enhances communication and approvals.
Centralized Project Tracking: Keep your projects, assets, and tasks organized and easily accessible in one central hub for better oversight.
Desktop App Integration: Enhance your workflow with a desktop app that provides quick and seamless access to your local files.

Responsibilities

As a Front-End Engineer on the Universal Pipeline project, I was responsible for developing the platform's core interactive features, translating complex requirements into a dynamic and highly functional user experience for creative professionals.

My key contributions included:

Advanced Pipeline Designer: I engineered the application's central feature—a node-based pipeline designer—using ReactFlow. This complex component included essential functionalities like multi-tab editing, auto-save, undo/redo capabilities, copy/paste of nodes, draft & publish versioning, and a complete change history, all managed through a robust Redux state.
Image & Video Annotation: I developed the "pinning" feature for the collaborative review tool, allowing users to place markers on specific coordinates of an image or timestamps of a video frame to provide precise, contextual feedback.
Gantt Chart Scheduler: I implemented the project timeline module by integrating and customizing the Syncfusion library to create a fully functional Gantt scheduler, enabling users to visually manage tasks, dependencies, and project milestones.
API Integration & State Management: I was responsible for integrating all backend APIs on the front end and managing the application's global state comprehensively with Redux, ensuring predictable data flow and a seamless user experience across all features.