ANNAS TRI WIDAGDO/PORTFOLIO · 2026
VOL. 01 // TECHNICAL ARCHIVE
■annastriwidagdo.me
SOFTWARE ENGINEER·FULL-STACK WEB DEVELOPER·AI & MACHINE LEARNING ENTHUSIAST
ENTRY 001OPENING TECHNICAL ARCHIVE00% · 01 / 01
Skip to content
■annastriwidagdo.me
  • 01Home
  • 02About
  • 03Projects●
  • 04Blog
  • 05Contact
LANGEN/ID
■annastriwidagdo.me
  • Software Engineer
  • Full-Stack Web Developer
  • AI & Machine Learning Enthusiast
EMAILannastriw6@gmail.com↗ (opens in a new tab)LINKEDIN/in/annastriwidagdo↗ (opens in a new tab)GITHUB@annastriw↗ (opens in a new tab)CONTACTOpen Contact→

© 2026 Annas Tri Widagdo. Find the purpose. Build the solution.

←Back to Projects
03 / WEB APPLICATION

Dialisis Connect Edu

An education and community platform that helps patients undergoing hemodialysis and people living with kidney disease access structured learning materials and participate in digital discussions from wherever they are.

Stakeholder
Ikatan Perawat Dialisis Indonesia (IPDI) Jawa Tengah
Role
Frontend Web Developer
Period
February–May 2025
Status
Live Production
Visit Live Website↗View Frontend Repository↗View Backend Repository↗
[01]

Project Gallery

Enlarge Image
Administrator content management console for publishing lessons, YouTube video links, and PDF booklets.
Dialisis Connect Edu platform landing page introducing kidney therapy educational resources and hemodialysis community support.
User account registration page with structured profile input fields for kidney patients and caregivers.
Chronic kidney disease self-care assessment screening catalog displaying available educational questionnaires.
Educational lesson viewer displaying dietary guidance and interactive dialysis care video materials.
Healthcare consultation appointment scheduling calendar and time slot selection interface.
Patient educational history view presenting completed screening records and self-care assessment outcomes.
Administrator content management console for publishing lessons, YouTube video links, and PDF booklets.
Dialisis Connect Edu platform landing page introducing kidney therapy educational resources and hemodialysis community support.
Enlarge Image
[01]Dialisis Connect Edu landing page introducing the renal therapy education and hemodialysis community platform.
01 / 07
[02]

Project Overview

Dialisis Connect Edu was developed by a four-person team with IPDI Central Java to bring kidney health education and community interaction into an accessible digital platform.

The platform provides articles, educational videos, digital booklets, and discussion forums for patients, healthcare professionals, administrators, families, and the wider public. Requirements were refined through interviews, discussions, and feedback from IPDI Central Java.

■[CLAIM BOUNDARY // MEDICAL USE]

The platform provides education and community discussion, not diagnosis or a substitute for consultation with a healthcare professional.

[03]

My Contribution

  • 01Gathered requirements through interviews and discussions with IPDI Central Java, then incorporated stakeholder feedback throughout the revision process.
  • 02Designed the user flow, information architecture, and UI/UX in Figma.
  • 03Developed the complete role-based frontend in Next.js and integrated the REST API, including authentication flows, validation, loading states, and error states.
  • 04Performed manual and automated testing with Katalon Studio and contributed to the Docker and production deployment process.
■Tech Stack
  • Figma
  • Next.js
  • React
  • REST API
  • Katalon Studio
  • Docker
[04]

System Scope

■01 // User Roles
  • Patient

    Accesses learning materials and participates in community discussions.

  • Healthcare Professional

    Provides educational material and participates in discussions.

  • Administrator

    Manages users, content, and platform activity.

■02 // Educational Content
Content Formats
ArticlesEmbedded YouTube videosDigital PDF booklets
Education Topics
Kidney careDialysisTransplantationHealthy lifestyleSupport for chronic kidney disease
■03 // Community Discussion
Frontend Discussion Features
  • 01Creating discussion topics
  • 02Reading discussions
  • 03Comments and replies
  • 04Role-appropriate moderation