Ramadhani Nur Sarjito

Full-Stack Developer

I design and build scalable, maintainable, and secure full-stack applications.

Ramadhani Nur Sarjito

Hello! I’m Rama, and my journey in coding started in 2019 when I was inspired by my older brother. However, it was the encouragement from lecturers on campus in 2021 that made me really focus and be consistent in learning. Since then, I have become increasingly interested in exploring various aspects of the programming world.

I started by learning Python, but soon realized that I was more interested in user interfaces. This led me to switch to frontend web development. Mastering HTML, CSS, and JavaScript became my priority, and I started exploring different technologies that support the creation of engaging and interactive web applications.

Currently, I`m developing into fullstack JavaScript and TypeScript, focusing on frontend and backend development as a whole. I love learning new things every day and am always open to feedback to keep growing and improving my skills.

Januari 2026 - Sekarang
Full Stack Developer & Mobile Application Developer — KCIC

Managing transport service products — such as membership cards and vouchers — isn't just about sales. Every step from creation to customer use must be controlled and traceable. Previously, processes like card generation, distribution, and transaction validation were handled manually, making them slow, error-prone, and difficult to monitor. Two core products also needed to be managed within the same ecosystem: Frequent Whoosh Card (FWC) as a membership program for regular commuters, and Vouchers as a prepaid travel product. To address this, I helped build an integrated platform that manages both products end-to-end — from product creation and serial number generation, to stock distribution across locations, field transaction recording, and real-time validation and redemption.

TypeScriptNext.jsReactBunElysiaPostgreSQLPrismaJWTGoFirebaseDockerZustandSWRRechartsZodRadix UI
Oktober 2025 - Desember 2025
Full Stack Developer — Sucofindo

Developed and maintained a full-featured web platform for inspection and certification workflows, covering scheduling, reporting, and role-based user management. Led requirements discovery with cross-functional teams, designed scalable system architecture, and implemented features using modern web technologies (Laravel, MySQL, REST APIs, queues, PDF/Excel exports, and Docker). Optimized performance, ensured data integrity and auditability, and delivered automated notifications and analytics to improve operational efficiency.

LaravelMySQLREST APIDocker
Jan 2025 - Sep 2025
Full Stack Developer — BRI MarCom

Designed and developed a marketing content management platform for BRI's MarCom unit, featuring analytics dashboards, content workflows, and real-time notifications. Improved business workflow (upload/curation, approvals, distribution) and user experience with smart filters, structured forms, and live data updates. Collaborated with marketing and backend teams to design data schemas, role-based authentication, rate limiting, and Socket.IO integration for notifications and upload progress.

TypeScriptNext.jsReactSocket.IOBunElysiaMySQLJWTZodReact QueryZustandRecharts
Feb 2024 - May 2024
Full Stack Developer — Traspac

Developed high-quality, robust web applications for client projects including analytical viewers, CRM, marketplaces, dashboards, static sites, and survey pages. Designed and developed a CRUD application for military data (Laravel backend + Nuxt frontend) for internal administrators to manage personnel, ranks, and units. Improved business workflow (automated input/validation, search filters, sorting) and user experience.

TypeScriptNuxt 3Vue 3VitePHPLaravelREST APIMySQLAxiosPinia
View Full Resume
PAKSA (Pengelola Kas Siswa)
PAKSA (Pengelola Kas Siswa)

PaksaSite is a web application for classroom and school cash management that records income and expenses, manages student data, monitors balances via an interactive dashboard, provides detailed histories and reports, and includes user authentication, profile settings, dynamic data tables (DataTables), charts (Chart.js/Morris), modern notifications (SweetAlert2), and a responsive AdminLTE-based interface.

PHPLaravelAdminLTEDataTablesChart.jsSweetAlert2MySQL
NYC Property Sales Dashboard
NYC Property Sales Dashboard

NYC Property Sales Dashboard is a web-based interactive analytics app that visualizes New York City property sales (Sep 2016–Aug 2017) with date/borough/ZIP filters, KPI cards, rich charts (Chart.js + D3), a geospatial map (Leaflet), and searchable/sortable tables (DataTables), enabling fast exploration of trends by neighborhood, building class, year built, and unit mix on a responsive interface.

JavaScriptChart.jsD3LeafletDataTables
Brushing Teeth Reminder
Brushing Teeth Reminder

Brushing Teeth Reminder is a cross-platform Flutter app that helps build a consistent tooth-brushing habit through customizable scheduled reminders and reliable local notifications, supports Android auto-start and battery-optimization exemptions to keep alerts on time, offers QR scanning to log compliance, stores preferences and history locally, and runs fast and responsively across iOS, Android, web, macOS, Windows, and Linux.

FlutterDartCross-platformLocal NotificationsQR Scanner
Covid-19
Covid-19

COVID-19 Tracker is a lightweight, browser-based web app that lets you explore up-to-date global and country-level COVID-19 statistics through instant search, clear numeric summaries, and a browsable country list; built with modular JavaScript components, an event-bus architecture, and Webpack for optimal performance, it consumes a public API, formats numbers for readability, and runs fast and responsively across modern desktop and mobile browsers.

JavaScriptWebpackAPIHTMLCSSResponsive Design
D-Budget
D-Budget

D‑Budget is a personal finance web application that helps you track income and expenses, organize transactions by categories, monitor balances and cash flow via an interactive dashboard, review detailed histories, and manage data through a fast, responsive React interface powered by Redux, Tailwind, and Chart.js, with secure Google-based authentication and a Node.js/Express + MongoDB backend API.

ReactReduxNode.jsExpressMongoDBTailwind CSSChart.jsGoogle Auth
View Full Project Archive