logo

Outstanding components

project-image
Workflow design

Based on free resources from ReactFlow, I recreated a component equivalent to their paid version. This was requested by the client to resemble Microsoft Power Automate.

ReactFlow
project-image
Room design

Users can drag and drop items like tables, bookshelves into their room layout, with a functional side menu. I customized SVGs and redrew the canvas based on an existing library to meet the client's expectations.

Canvas
SVG
project-image
Room management (Gantt Chart)

The client wanted a Gantt-like component but with many additional features. After failing to find a free library that met those needs, I built a custom component tailored to their requirements.

SVG
project-image
Template generation

To meet the client's need for customizable and editable email, invoice, contract templates, I used the EJ2-Syncfusion library’s JSON structure and implemented complex logic to allow dynamic template creation. From the generated JSON, I extracted input variables and rendered them for user interaction.

EJ2-Syncfusion
project-image
Candlestick chart

Unable to find a suitable library for candle charts and other charts, I decided to build my own using Recharts — a highly customizable React library.

Recharts
GridLayout