Foto profil Maulana Nur Anfajm (Lananuranf) — Software Engineer, Jakarta
Terbuka untuk Peluang Kerja

Maulana Nur Anfajm

alias Lananuranf

+62 859-6023-5008lananuranf@gmail.com
Maulana Nur Anfajm, software engineer dan mahasiswa Universitas Gunadarma, sedang bekerja
7 Semester
3 Proyek
2 Artikel

Profil

Tentang Saya

Saya Maulana Nur Anfajm, Software Engineer dan mahasiswa Sistem Informasi semester 7 di Universitas Gunadarma, Jakarta. Saya membangun aplikasi web dari tampilan, REST API, sampai database, memakai React, TypeScript, Go, dan PostgreSQL.

Ketiga proyek saya sudah berjalan di server: dua di AWS EC2 dengan Docker, satu di Vercel. Kode backend saya pisahkan per lapisan (handler, service, repository) supaya mudah dibaca dan diubah.

  • Frontend

    Tampilan responsif dengan React, TypeScript, dan Tailwind CSS.

  • Backend & Database

    REST API dengan Go (Fiber dan Gin) dan tabel relasional di PostgreSQL.

  • Rilis ke Server

    Aplikasi dikemas dalam container Docker lalu dijalankan di AWS EC2.

Yang saya pakai

Keahlian

Teknologi yang sudah saya pakai di proyek kuliah maupun proyek pribadi. Yang bertanda belajar masih saya dalami.

Frontend

Tampilan web yang nyaman dibuka di HP maupun laptop.

  • JavaScript
  • TypeScript
  • React
  • Tailwind CSS
  • Vite
  • Astro

Backend & Database

REST API dan desain tabel relasional untuk aplikasi web.

  • Go (Fiber, Gin)
  • PostgreSQL
  • Postman

Tools & Deploy

Git, container Docker, dan deploy aplikasi ke server.

  • Git
  • Docker
  • Linux (Ubuntu)
  • Nginx
  • GitHub Actions
  • AWS EC2

Yang pernah saya buat

Proyek

Beberapa proyek yang saya kerjakan sendiri, lengkap dengan masalah, solusi, dan teknologi yang dipakai.

01

Aplikasi Web

Letta School

Sistem manajemen sekolah · Fullstack

Sistem manajemen sekolah dengan login JWT dan tiga peran pengguna: admin, guru, dan siswa. Berjalan di AWS EC2 dengan Docker, dan setiap perubahan di branch main ter-deploy otomatis lewat GitHub Actions.

ReactGo FiberPostgreSQLDockerAWS EC2GitHub Actions

Studi Kasus

Masalah

Sekolah Letta mengelola data siswa, guru, absensi, dan laporan akademik secara manual di spreadsheet. Data mudah salah ketik, tidak aman, dan sulit dibuka beberapa orang sekaligus.

Solusi

Saya membangun aplikasi web dengan backend Go Fiber, frontend React, dan database PostgreSQL. Hak akses dibagi tiga: admin mengelola semua data, guru mengelola kelas dan nilai, siswa melihat data pribadinya.

Catatan Teknis

Middleware Go Fiber memeriksa token JWT dan peran pengguna di setiap endpoint. Setiap push ke branch main otomatis di-build dan di-deploy ke EC2 lewat GitHub Actions.

02

Aplikasi Web

Toko Online dengan Docker

Aplikasi web fullstack · Docker Compose

Toko online dengan backend Go Gin + GORM, frontend React, dan PostgreSQL. Semua service berjalan dengan Docker Compose di AWS EC2, dengan Nginx sebagai reverse proxy dan SSL.

ReactGo GinGORMPostgreSQLDockerNginxAWS EC2

Studi Kasus

Masalah

Saya ingin aplikasi yang berjalan sama persis di laptop dan di server, tanpa mengulang setup manual setiap kali pindah mesin.

Solusi

Kode backend saya bagi tiga lapisan: handler (HTTP), service (logika bisnis), dan repository (akses database). Semua service ditulis di docker-compose.yml, jadi aplikasi bisa dinyalakan dengan satu perintah.

Catatan Teknis

Konfigurasi rahasia disimpan di file .env yang tidak ikut di-commit. Data PostgreSQL disimpan di volume supaya tidak hilang saat container dibuat ulang, dan setiap container punya health check.

03

Website

Website Portfolio Pribadi

Website statis · Performa & SEO

Website yang sedang Anda buka: portfolio dan blog teknis yang dibangun dengan Astro, React, dan Tailwind CSS, lalu di-deploy ke Vercel.

AstroTypeScriptReactTailwind CSSVercel
Avatar GitHub Lananuranf

Dibuat oleh @Lananuranf

Repositori privat

Studi Kasus

Masalah

Saya butuh satu tempat untuk menampilkan proyek, keahlian, dan tulisan teknis yang cepat dibuka, mudah ditemukan di Google, dan gampang dirawat.

Solusi

Halaman dirender statis dengan Astro, jadi JavaScript hanya dimuat untuk bagian interaktif yang memakai React. Data proyek diambil dari GitHub API saat build, dan waktu baca artikel dihitung otomatis dari isinya.

Catatan Teknis

Setiap halaman punya structured data (schema.org), sitemap, dan meta Open Graph. Ikon brand ditanam langsung ke HTML saat build, jadi browser tidak perlu mengunduh file ikon terpisah.

Artikel teknis

Blog

Tutorial dan studi kasus dari proyek yang saya kerjakan sendiri. Setiap langkah dan angka di artikel sudah saya coba langsung.

Mari terhubung

Kontak

Ada yang ingin ditanyakan?

Terbuka untuk peluang kerja sebagai Software Engineer