Blueroot Product Management System

Context

In the health product industry, managing formulations and evaluations can be complex and time-consuming. Companies need an efficient way to track product development, approvals, and raw materials. those challenges by providing a d solution for product management.

What I built

The system features a interface for managing product formulations, sample evaluations, and testing processes. Key functionalities include a Gantt chart for project timelines, drag-and-drop card organization, and a robust approval workflow. I also implemented a messaging system for team collaboration on product tasks.

Technical approach

Built with Next.js, this application leverages TypeScript for type safety and improved developer experience. The architecture includes a grid layout for product cards, which I structured to enhance usability. I utilized various Next.js features, such as automatic page updates and optimized font loading, to improve performance.

Results

The platform significantly simplifies the product management process, allowing for better tracking and collaboration. Users can easily access and manage product information, leading to improved efficiency in product development. This project also reinforced my skills in Next.js and TypeScript, enhancing my ability to build scalable applications.

Key outcomes

• ▹Built a comprehensive product management system to formulation tracking and approvals.
• ▹Shipped features like a Gantt chart and drag-and-drop functionality for enhanced user experience.
• ▹Implemented a messaging system to facilitate team collaboration on product tasks.
• ▹Designed an intuitive interface that improves accessibility to product information.