Select Page
NINA®
PERSONAL PORTFOLIO / 2026
AN EXPLORATION OF IDEAS & SYSTEMS

Between logic & imagination.

01 / INTRODUCTION

A digital space where thoughtful systems meet creative exploration. Curious by nature, learning by building.

↓ SCROLL TO EXPLORE
TECHNOLOGY · DESIGN · EVERYTHING IN BETWEEN
CS STUDENT • CURIOUS SOUL • LEARNING AS I GO
Computer Science Undergrad.
I name variables after snacks, document my bugs like folklore,
and believe every error message is a strongly worded suggestion.
01 / ABOUT
Where structure meets imagination, I tend to linger.
A LITTLE ABOUT ME

I’m a Computer Science student who enjoys figuring out how things work, experimenting with new ideas, and turning what I learn into something I can actually build.

01 / INTEREST Web & Systems
02 / APPROACH Learn by Building
03 / CURRENTLY Exploring Ideas
01.1
CURIOSITY MAP
THINGS MY MIND GRAVITATES TOWARD
ALWAYS CURIOUS
01 TECHNOLOGY
02 DESIGN
03 AI
04 SYSTEMS
05 IDEAS
06 PEOPLE
01.2
SIDE QUESTS
LITTLE DETOURS WORTH TAKING

There’s more to the story than the syllabus.

Some things taught me skills. Others simply made life more interesting.

01

Campus & Leadership

↗
CAMPUS LIFE · LEADERSHIP · PEOPLE

A few things I said yes to beyond the classroom.

01

Multimedia Unit Lead

Deadlines, last-minute edits, and somehow making it work.

02

Multimedia & Publicity

Cameras, posters, and everything in between.

03

Integrity Youth Ambassador

New people, new perspectives, and a few lessons along the way.

04

Leadership & Organisational Programmes

Because apparently, I have a habit of saying yes to new things.

02

Unexpected Wins

↗
COMPETITIONS · IDEAS · HAPPY SURPRISES

Went in for the experience. Somehow came home with awards.

2019

National Robotics Competition

THIRD PLACE

One of those “let’s just give it a try” moments that turned out better than expected.

2022

Sabak Bernam International Innovation Competition

PROJECT 01
El Palo Ciego The Blind Stick
GOLD
PROJECT 02
Green Aqua Neo Culture Technology
GOLD

Two projects, two golds — definitely not what I expected when I signed up.

02 / SELECTED WORKS

A collection of
things I've built.

Some started as a simple idea. Others began with a problem worth solving. Each one taught me something along the way.

01 / PERSONAL PROJECT WEB APPLICATION

MONIQ

↗

A personal finance companion for tracking commitments, expenses, payments, and everyday money decisions.

Full Stack Finance Telegram Bot
02 / INTERNSHIP PROJECT DASHBOARD & API

WiFi Checker

↗

An interactive dashboard that turns WiFi assessment results into clearer insights for monitoring connection performance.

Dashboard API Integration Data Visualization
03 / THE PROCESS

From a little what if,
to something real.

I don't always begin with the answers. Sometimes, all it takes is a question, a little curiosity, and the willingness to figure things out along the way.

CURRENT FOCUS 01 — 04
?
03° 24′ NINA / LAB
STEP 01 / 04

Start with a question.

Before building anything, I like to understand the problem, explore different possibilities, and find out what actually matters.

04 / INTERNSHIP DIARY

Internship diary,
week by week.

WEEK 01

Getting Started

Getting familiar with the environment, systems and technical workflow.

→
SSO Knowledge Base Nextcloud GitHub SSH
What I Worked On

Completed onboarding and explored the company's SSO, Knowledge Base and Nextcloud. I was also introduced to basic network and operating system concepts.

What I Learned

Learned GitHub fundamentals, SSH key setup and authentication while becoming more familiar with the company's technical environment and workflow.

Reflection

My first week was about understanding the environment before building anything. It gave me a clearer picture of how the different systems connect.

WEEK 02

From Server to Website

Exploring server management while building my WordPress portfolio.

→
CloudPanel WordPress Divi SSH CSS
What I Worked On

Used CloudPanel to work with the website environment and started developing my internship portfolio using WordPress and Divi.

What I Learned

Gained a better understanding of server access, website configuration, WordPress structure and how custom CSS can be used alongside Divi.

Reflection

Seeing the connection between the server, WordPress and the actual interface helped me understand that a website is much more than what appears in the browser.

WEEK 03

Building My Digital Workspace

Exploring Docker and deploying self-hosted tools on the server.

→
Docker Immich Portainer Plane KaraKeep Pi-hole Excalidraw
What I Worked On

Deployed and explored several self-hosted applications including Immich, Portainer, Plane, KaraKeep, Pi-hole and Excalidraw using Docker.

What I Learned

Learned the purpose of Docker containers, images, ports and volumes, as well as how different services can run independently on the same server.

Reflection

Self-hosting made Docker much easier to understand because I could see how each concept affected a real application rather than learning the commands in isolation.

WEEK 04

Broke It. Rebuilt It.

Rebuilding the environment from zero and troubleshooting along the way.

→
Docker Portainer Plane KaraKeep Pi-hole Immich Excalidraw CloudPanel WordPress
What I Worked On

After an unexpected server reset removed the previous deployments, I rebuilt the environment and redeployed the self-hosted applications from scratch.

What I Learned

Practised Docker commands and troubleshooting while working through container issues, ports, proxy connections, application services and website configuration.

Reflection

Rebuilding everything was frustrating at first, but doing the setup again without relying entirely on the first attempt made the technical concepts much clearer.

WEEK 05

From Design to Development

Refining my WordPress portfolio while beginning backend API integration and WiFi analytics development.

→
WordPress Divi GSAP JavaScript Hono API WiFi Analytics REST API
What I Worked On

Rebuilt my portfolio using WordPress, Divi and GSAP animations. Began working on WiFi Checker API integration and enhanced the analytics dashboard with assessment charts, customer records and network diagnostics.

What I Learned

Strengthened my understanding of responsive design, REST APIs, Bearer token authentication, CORS troubleshooting, database-driven visualisation and WiFi network metrics.

Reflection

This week marked my transition from focusing mainly on website design to understanding how frontend interfaces, backend APIs and real-world data work together in a complete system.

WEEK 06

Connecting the Pieces

Exploring cloud and solution architecture, troubleshooting WiFi Checker integration, and refining my portfolio design.

→
Cloudflare DNS Solution Architecture REST API WiFi Checker WordPress Divi
What I Worked On

Explored Cloudflare, DNS, Workers, Pages and solution architecture. Investigated missing WiFi Checker data, integrated three API endpoints and resolved an SSID synchronisation issue. Also redesigned my portfolio hero section with a Liquid Chrome visual concept.

What I Learned

Developed a clearer understanding of serverless architecture, system design and application data flow. Strengthened my skills in REST API troubleshooting, payload mapping, database integration, end-to-end testing and responsive frontend development.

Reflection

This week helped me connect the different layers of a system, from mobile applications and APIs to databases and dashboards. Identifying the root cause of missing data showed me the value of systematic troubleshooting, while portfolio development allowed me to continue exploring the creative side of technology.

WEEK 07

From Idea to Application

Turning a financial management concept into MONIQ through full-stack development, feature integration and UI/UX improvements.

→
MONIQ React PostgreSQL Docker REST API UI/UX Design System Testing
What I Worked On

Reviewed WiFi Checker improvements before developing Commitment Tracker, later rebranded as MONIQ. Worked on receipt-based payments, partial payment tracking, expense management, financial forecasting and dashboard enhancements. Integrated application modules and verified deployment using Docker.

What I Learned

Strengthened my understanding of requirement analysis, full-stack development, database modelling and modular system integration. Gained experience in payment verification workflows, functional testing, Docker deployment and designing user-friendly financial management interfaces.

Reflection

Transforming an initial idea into a working application helped me understand the importance of planning, continuous testing and iterative development. Building MONIQ also showed me how technical functionality and thoughtful design must work together to create a practical solution for everyday financial management.

WEEK 08

Building, Testing & Connecting Systems

Advancing WiFi assessment synchronisation, developing reporting features and exploring integrations across multiple applications.

→
WiFi Checker REST API Android Docker PostgreSQL Telegram Bot JavaScript
What I Worked On

Enhanced WiFi Checker assessment synchronisation, reporting APIs and dashboard interfaces. Successfully tested live Android synchronisation of floor plan markers and WiFi measurements. Also explored KA-Backup diagnostics, improved the NINA Learning Lab and developed MONIQ Telegram integration.

What I Learned

Strengthened my understanding of end-to-end system integration, REST API validation, database synchronisation and Android testing. Gained experience in report management, PDF uploads, production diagnostics, Telegram bot architecture and interactive frontend development.

Reflection

Working across several projects helped me become more confident in investigating technical issues and understanding complete system workflows. The successful live WiFi assessment test was a particularly meaningful milestone, demonstrating how mobile data, backend services and dashboard interfaces can work together reliably.