Skip to main content
Elmi Rabelo
Campsoft2024 — atual

Campsoft

Modernization of Campsoft’s administrative platform, combining Front-end architecture, consistent interfaces, and technical collaboration with React, Next.js, and TypeScript.

Web

Context

Campsoft’s administrative platform handled dashboard and customer-management workflows in a legacy system. My work is part of evolving this ecosystem and replacing that area with a modern, structured Front-end foundation.

Responsibilities

Web product development and evolution; modernization of the dashboard and customer management; component development and documentation with Storybook; REST and tRPC integrations; code reviews, PR approvals, pair coding, and technical support for other developers.

Challenges

Replace the legacy administrative platform

The modernization needed to cover both the dashboard and customer-management workflows in a new application.

Make interface standards shareable

UI components and standards needed to be understood, validated, and evolved by different people across the team.

Decisions & trade-offs

Adopt a modern foundation for the administrative area

Contexto

The dashboard and customer-management experience still lived in the legacy system.

Decisão

Migrate the administrative area to an application built with Next.js and Material UI.

Use Storybook as interface infrastructure

Contexto

The team needed to develop, document, and validate components without depending on complete application flows.

Decisão

Introduce Storybook so components could be observed and discussed in isolation.

The solution

The solution combined the functional migration of the administrative area with Material UI components, REST and tRPC integrations, and isolated documentation in Storybook. Code reviews, PR approvals, and pair coding helped spread the adopted standards.

Impact

Administrative area modernized

The dashboard and customer-management experience were replaced by a modern application, as documented in the résumé.

Qualitativo

Documented interface foundation

Storybook began supporting isolated component development, documentation, and validation.

Qualitativo

Learnings

Modernizing an application does not end with replacing its technology. Understandable standards, living documentation, and technical collaboration help sustain the new foundation.

Next project

Fintta