// PRIORITISATION AND ROADMAPPING SAAS
Skyhook
Built UI workflows, complex charts, and API integrations that turn connected project data into decision-ready planning views.
The product
Skyhook is a B2B SaaS platform for prioritisation and roadmapping. It brings tasks, dependencies, risks, costs, and effort into one connected planning model, then turns that data into interactive views for project managers and executives.
The product combines structured data capture with Gantt charts, quadrant analysis, dependency maps, and roadmaps. The delivery also included a companion marketing website built to the same design guidelines with a custom theme and page builder.
Skyhook organises connected planning data and renders it through several visual perspectives.
Project inputs
- Tasks and effort
- Dependencies
- Risks
- Costs
Planning views
- Gantt charts
- Quadrant analysis
- Dependency maps
- Roadmaps
My contribution
As a frontend developer on Offshorly’s delivery team, I built the UI pages, complex charting experiences, and API integrations that turned structured project data into usable planning workflows. My work connected the product interface to its underlying data while keeping dense project information clear across several visual formats.
- Built responsive UI pages for capturing and maintaining tasks, effort, dependencies, risks, and costs.
- Developed and customised complex Gantt, quadrant, and dependency visualisations with DevExtreme and Recharts.
- Connected Next.js and React workflows to backend APIs using React Query and Axios.
The engineering challenge
The challenge was not simply rendering charts. Each visualisation had to express a different perspective on the same underlying plan without losing the relationships between tasks, dependencies, effort, cost, and risk. Data entered through forms needed to remain coherent when presented as a timeline, quadrant, dependency map, or roadmap.
Next.js and React provided the product interface, with React Query and Axios handling API integration and React Hook Form managing structured input. Node.js and PostgreSQL supported the application and its connected project data. DevExtreme supplied the Gantt foundation, while Recharts supported quadrant views; both sat inside workflows designed around project decisions rather than isolated charts.
The delivery approach
The team validated the product component by component before implementation. Feature designs and use cases were reviewed against live mockups, allowing adjustments to be agreed before development moved forward. This kept validation close to the work instead of concentrating it at the beginning or end of the engagement.
Frontend and backend development progressed in parallel through defined integration points. Simulated API data allowed contracts and interface requirements to be checked before final wiring, while Auth0, Mailgun, form handling, and notifications were integrated into the wider product experience.
Product delivery
The Offshorly team delivered the full SaaS application and marketing website in seven months. Team size scaled between four and six people by phase, and the engagement received a 5.0 Clutch rating across all categories.
The result is a shared planning environment where teams can maintain connected project data and examine it through the view best suited to the decision at hand. The team delivered that breadth without rebuilding every charting capability from scratch, combining suitable libraries with focused customisation and a tightly reviewed integration process.