Datalab

Design System
Full Stack
UX
DesignOps
DevOps
fernandocamilotti

Fernando Camilotti

@fernandocamilotti

Datalab

Tech Stack

Node.js
MongoDB
Javascript
Typescript
GraphQL
Azure
Docker
Kubernetes
Redis
express.js
Prisma

Description

Frontend system was built using React with Typescript, ensuring a robust and type-safe development process. The backend was powered by Node.js with Express.js, providing a scalable and efficient server-side solution. MongoDB served as the database, offering flexibility in handling diverse data types and structures.

The backend was built to use GraphQL APIs, enabling efficient data retrieval and manipulation. Prisma was utilized as the ORM, streamlining database interactions and enhancing developer productivity.

There was also a Redis Layer for caching frequently accessed data, significantly improving response times and overall system performance.

Application used Azure pipelines for CI/CD, automating the build, test, and deployment processes. Docker containers were employed to ensure consistency across different environments, while Kubernetes orchestrated container deployment, scaling, and management.

  • Data was being queried in company's Datalake to provide insightful analytics and visualizations for business decision-making.
  • Styled-component was used for proper styling and theming across the application, ensuring a consistent and visually appealing user experience.
  • Some tools used Flaks APIs for data processing and analysis, integrating seamlessly with the Node.js backend.

Page Info

Components from Ragnarök Design System

Implementation of the whole Ragnarök Design System in the Datalab project, along with Grid System and Design Tokens.

/projects/ragnarok/4.webp