A project management SaaS app with custom visualizations was built using an isomorphic stack and Auth0, following a rapid, client-driven development process.
The Challenge · The Challenge · The Challenge
Create a SaaS product to be used for project management and project health monitoring using logged project data and a project value scoring system. Information includes project tasks, dependencies, risks, costs, and effort, among other things.
The web application should be able to use project data logged and plot visual graphs for decision makers to monitor project status and value. These visuals include gantt and gartner graphs as well as dependency flowcharts of dependent tasks and projects.
The feature analysis and story boarding has been done by the client and needs fast paced prototyping for feedback cycles.
Solution
The marketing website was built with a custom theme and page builder to follow the design guidelines as set by the client.
For the SaaS application, feature designs by the client were reviewed by System and Business Analysts to validate the proposed use cases and compare with current standards and solutions prior to start of development.
A web app was made with a custom UI to be able to capture the required information as well as a view that makes the most useful information easy to read for project health monitoring. Customization of existing graphing libraries were made to accommodate the requirements
Build
The application is built with an isomorphic tech stack for efficient loading and data calculation. Auth0 was used for SSO capabilities. Object related tables were used to organize the project information captured in the app. Existing graphing libraries were considered based on the client requirements. Lacking features were added as customizations.
Integration
Skyhook’s data and calculations are mostly for internal use of the app. The user base, however, was designed to integrate with Auth0 and to allow SSO with various common business applications such as Google and LinkedIn.
Our Approach
A hybrid scrum style approach was used for the SDLC with bi-weekly reporting for quick feedback. Development for BE and FE were independent with integration points as each component was completed. The BE APIs were presented with simulated data for testing and alignment with the FE UI requirements. This allowed for individual(BE and FE) testing and client feedback.
The feature designs by the client were reviewed by System and Business Analysts to validate the proposed use cases and compare with current standards and solutions prior to start of development per component. Discussions with the client on best practices and adjustments to the live mockup were done prior to development of each component. This enabled stream lined development with reduced clarifications and corrections.
TECH STACK
- NextJS | React (FE)
- NodeJS | PostgreSQL (BE)
- Auth0 (Authentication and User Management)
- Mailgun (Emails)
- Axios | React Query (API Integration)
- React Hook Form (Forms)
- DevExtreme (Gantt Chart)
- Recharts (Quadrant view)
- React Toastify (Toast Messages)
Similar Studies
Get Started
Send us your idea or email us directly at:
hello@offshorly.com
Become a part of our dynamic team and discover a wide range of thrilling job opportunities that await you! We are looking for passionate individuals ready to embark on a rewarding career journey with us.
