Back to projects
Alist — Internal Data Tool
Internal Tools

Alist — Internal Data Tool

Internal data-management dashboard with charts, virtualized tables, Excel / PDF exports, and bulk CSV import of Siriraj Integrated Line Service Team . Built on Create React App + Redux Toolkit, deployed via AWS Amplify.

ReactTailwind CSSRedux ToolkitZustandChart.jsRechartsreact-tablereact-windowAWS AmplifyExpressMongoDBxlsxjsPDFhtml2canvas

Overview

Overview

Internal data-management dashboard for the Siriraj Integrated Line Service Team — list-driven views with charts, virtualized tables, bulk import / export, and PDF generation. Built on the older Create React App stack with Redux Toolkit, AWS Amplify v4 backend, and an Express + MongoDB API. Predates the Next.js standardization of the rest of the portfolio.

What I built

This is my first project that I got handle from previous software developer that she move her role to System Analyst. When I took this project and review all code it was totally the mess such as 9500 lines of Repeat code , Spaghetti Code , Bad Performance , I take time around 1 month and a half to finish remaining task of these project and clear all repeat code from 9500 line to 6000 line . After that when AI is good enough to read all these mess I use them to refactor move everything that make bad performance such as filter everything at frontend , remaining of repeat code . I manage to clear 6000 lines of code to 200 lines which better performance and speed is faster than before for 10 times

Alist — Internal Data Tool — krittimet.dev