YBPPK Infographic Display

The Display Infographics system for YBPPK (Buana Pangkal Perjuangan Karawang Foundation) is a dynamic digital signage solution deployed across all monitors within the organization’s offices. It delivers real-time, visually engaging content designed to keep the entire team informed, aligned, and connected.

I engineered this full-stack application using AdonisJS v6, fully typed with TypeScript and powered by InertiaJS to provide a seamless single-page application experience. The data layer runs on MySQL, while Redis is used for session storage and efficient caching.

The system supports a wide range of content types, including bar charts, pie charts, line charts, image slides, YouTube video embeds, and native videos such as uploaded MP4 files—giving the foundation full flexibility to deliver data and messages in the most impactful formats.

On the frontend, I crafted a fast and reactive interface using Svelte, styled with TailwindCSS for modern, utility-first UI design. The entire ecosystem is containerized with Docker, allowing for streamlined deployment, scalability, and operational consistency across environments.

If you're looking to build a custom display system for your organization or enhance internal communication through real-time digital signage, feel free to contact me through the contact page.