Build a stronger foundation for data-driven websites.

Abstract composition of evenly spaced vertical bars in lilac and cream, evoking a steady frame-time graph

Original template illustration retained for this area of learning.

Basic database development is part of the practical skills I am developing alongside frontend work. I focus on understanding application data and connecting that learning to student projects.

By the numbers

Verified facts from my supplied project list and education.

4named student and personal projects
3core web technologies: HTML, CSS, JavaScript
2backend tools: Node.js and Express.js
1university: UPH Medan Campus

Illustrative template comparison

These are illustrative template values, not measured results or achievements from my projects. Actual project benchmarks have not been supplied.

  • Example: Largest Contentful Paint1.6s
  • Example: Total Blocking Time120
  • Example: Worst frame cost15
  • Example: Lighthouse performance98

Core Web Vitals, in the green

Where a rescued site lands against Google's thresholds. The dial fills toward the budget ceiling — less is better on all three.

1.6s
Example LCPpasses · good under 2.5s
120
Example INPpasses · good under 200
0.04
Example CLSpasses · good under 0.1

How it runs

Four stages, in order. Open any one to see what actually happens in it.

  1. I begin with the project purpose, the people using it, and the requirements shared by my teammates.

  2. I consider the page structure and interface details before implementing the main flow.

  3. I contribute code and interface work within the scope of my current skills and the project team.

  4. I review the result, note limitations, and use feedback to decide what to improve next.

02

What you get

  • Basic data organization
  • Understanding records and relationships
  • Working with application data
  • Supporting Node.js and Express.js learning
  • Documenting assumptions and limitations
03

Let's scope it

Share the idea, scope, and timing. We can discuss how it fits my current skills and university schedule.

Start a conversation →
next serviceFrontend Development→