Tuyen Pham

Propero

Tuyen PhamTuyen Pham
March 29, 2025 - 2 min read

Tech Stack:

Next.jsReactRecoilTailwind CSSAnt DesignNode.js

Overview

Propero is a business management platform developed at Nobisoft to help teams organize operational workflows in one interface. The product combines multiple business functions with synchronized data and a responsive user experience.

My role

I contributed as a Front-end Developer, focusing on reusable application components, shared state management, responsive layouts, and integration with REST APIs.

What I built

  • Developed modular frontend features with Next.js and React.
  • Used Recoil to manage state shared across interconnected business workflows.
  • Created responsive interfaces with Tailwind CSS and Ant Design.
  • Integrated REST APIs to synchronize frontend data with backend services.
  • Built reusable component patterns to keep common interactions consistent.
  • Improved component structure and rendering behavior for data-heavy screens.

Technical approach

Business management screens often combine filters, forms, tables, and actions that depend on the same data. I organized shared state around focused Recoil atoms and selectors, while keeping presentation logic within reusable components. This reduced coupling between screens and made common workflow behavior easier to reuse.

Key challenge

The main challenge was coordinating state across multiple workflows without making individual components difficult to maintain. Separating shared application state from local interface state helped keep data flow predictable while allowing each screen to remain focused on its own responsibilities.

Outcome

Propero provides a consistent interface for working with connected business data and operational workflows. The project strengthened my experience with Next.js, Recoil, API integration, and modular frontend architecture for business applications.