About the Client
Atreyus.ai is a freshly founded AI startup in the bootstrapping phase, offering workflows with specialized AI agents.
The Challenge
Atreyus, in order to offer their customers customized workflows with AI agents, serialized data, and external functions, required a tool that could allow interaction without manual code changes.
Additionally, they wanted to let the user check usage statistics and manage access to the workflows on their own.
Goal
To create an application frontend with an intuitive interface, minimizing any friction.
Technology Stack
React.js, React Flow, Node.js, MUI
The Process
We started with several consulting sessions where our designer carefully listened to the client’s ideas to comprehend their expectations and provided UI designs that materialized that vision.
In the meantime, we started to look for a block diagram drawing library that would best suit the requirements and our experience. We picked React Flow due to its history of reliable releases and its huge community, which could assist in investigating very specific edge cases.
Once the UI designs were ready, we proceeded with the implementation. One part of the team focused on the canvas, which serves as the main board where the user can draw the relationships between the system’s elements to define the information flow. Concurrently, the other part worked on the supporting features.
Twice a week, we synchronized our progress with the customer’s backend development team and discussed the developed API structure to ensure optimal application performance and minimize the average request size to balance the traffic.
Result
After five months of great collaboration, we delivered Atreyus.ai—an innovative product allowing customers to create their own workflows based on AI agents.
The product is available for subscription at https://www.atreyus.ai .
