Back to Portfolio
Satunadi

Satunadi

2024
Frontend Developer

A comprehensive SaaS platform that digitizes clinic operations — from patient registration and appointment scheduling to medical records management, prescription handling, and payment processing. Designed for small to mid-size clinics in Indonesia.

Location
Jakarta, Indonesia (Remote)
Duration
2023 – 2024
Team Size
30 members
Visit Live Site

My Contributions

  • Developed landing page and marketing website with Next.js for SEO optimization and lead generation
  • Integrated contact form of landing page with spreadsheet API
  • Build Omnichannel of landing page with WhatsApp integration
  • Stress test landing page with multiple concurrent users with k6 and optimize performance bottlenecks to ensure stability during marketing campaigns
  • Integrated google analytics and tag manager for marketing campaign tracking and optimization
  • Built the patient registration and appointment scheduling modules
  • Implemented the electronic medical records (EMR) with multiple roles access control for doctors, nurses, pharmacists, and admin staff
  • Developed the payment processing flow with invoice generation and receipt printing
  • Created unit and integration tests with Jest achieving 80%+ coverage on critical modules
  • Set up Docker containers for local development and production deployment, optimizing build times and container sizes
  • Built reusable form components for medical data input with validation
  • Implemented responsive layouts for mobile, tablet, and desktop breakpoints
  • Support team in debugging and fixing advanced and critical issues as well as support team in implementing advanced cases
  • Share knowledge such as unit testing with jest and docker to support team understanding and implementation in sharing session event

Challenges

  • 1Various form handling with complex validation rules for different medical data types and user roles
  • 2Tight deadlines for implementing critical features such as EMR and payment processing while ensuring high code quality and reliability
  • 3High standard for code quality, security, SEO and test coverage to ensure the reliability of critical healthcare software
  • 4Regularly update dependencies with ensure backward compatibility and stability of the application
  • 5High development security standards such as vpn requirement for accessing API, cors setup requirements, and data encryption
  • 6Microservice in backend with multiple teams working on different services with different tech stacks, requiring clear API contracts and frontend adaptability such as cursor based pagination

Technology Stack

Next.js

Next.js

Full application framework with SSR for fast dashboard loads and API routes for BFF pattern

Tailwind CSS

Tailwind CSS

Utility-first CSS framework for rapid UI development with custom design system

Jest

Jest

Testing framework for unit tests on business logic and integration tests on critical workflows

Docker

Docker

Containerization for consistent development environments and streamlined CI/CD deployments

React Hook Form

React Hook Form

Library for managing form state and validation in React applications

Zod

Zod

Library for schema validation and type inference in TypeScript applications

Redux

Redux

Library for state management in React applications

K6

K6

Load testing tool for performance testing and stress testing web applications