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
04 / WEB APPLICATION

Nusa Dakwah

A web application that combines Islamic learning modules, lesson-attached discussions, and an administrator console for managing content.

Role
Full-Stack Web Developer
Period
January–February 2026
Status
Live Production
Visit Live Website↗View Frontend Repository↗View Backend Repository↗
[01]

Project Gallery

Enlarge Image
Content editing form on mobile for managing module hierarchy, lesson text, and video toggle settings.
Nusa Dakwah mobile home interface displaying search bar, hero banner, and featured Islamic learning modules.
Mobile login interface with email and password input fields for student and administrator authentication.
Learning lesson view on mobile integrating embedded YouTube lecture video with accompanying article text.
Lesson discussion thread on mobile displaying user comments and nested reply interactions.
Admin console on mobile displaying structured module, submodule, and lesson material catalog.
Content editing form on mobile for managing module hierarchy, lesson text, and video toggle settings.
Nusa Dakwah mobile home interface displaying search bar, hero banner, and featured Islamic learning modules.
Enlarge Image
[01]Nusa Dakwah landing page featuring module search and an introduction to the digital Islamic learning platform.
01 / 06
[02]

Project Overview

I independently designed and developed Nusa Dakwah as a complete digital learning platform. It organizes lessons into modules and submodules, supported by articles and embedded YouTube videos.

Each lesson includes an attached discussion area with nested replies. The administrator console manages modules, lessons, and discussions, with the full application containerized using Docker.

[03]

My Contribution

  • 01Defined product requirements and designed the user flows, typography, components, and responsive pages in Figma.
  • 02Built the Next.js frontend with Tailwind CSS, creating experiences for public visitors, authenticated users, and administrators.
  • 03Developed the Laravel REST API backend with MySQL, including JWT authentication, validation, and content endpoints.
  • 04Tested the platform manually and with Katalon Studio, containerized the frontend and backend with Docker, and deployed the production release.

This project gave me experience delivering an end-to-end learning platform independently from product design to containerized deployment.

■Tech Stack
  • Figma
  • Next.js
  • Laravel
  • MySQL
  • Katalon Studio
  • Docker
[04]

System Scope

■01 // Learning Structure
  • 01Module → Submodule → Learning Content
  • 02Articles
  • 03YouTube Videos
  • 04Structured content navigation
■02 // Community Discussion
  • 01Discussion space attached to each lesson
  • 02Comments and replies
  • 03Nested replies
  • 04Administrator moderation
■03 // Administration
  • 01Authentication and role-based access for User and Administrator
  • 02Module, submodule, and learning-content management
  • 03Discussion management
  • 04User and account management