Engineered for speed, designed for impact.

Portofolio pengembang web modern oleh Najwan Zaki. Menghadirkan antarmuka berbasis clean code, SEO semantik, dan pengalaman pengguna tingkat tinggi.

Explore Projects Download Portfolio ATS

$ npx najwan-zaki@latest --collaborate

// @ts-check — Najwan Zaki Developer Configuration
export default definePortfolio({
  name: "Najwan Zaki",
  name school: "Surabaya State University",
  birthday: "30 December 2007",
  role: "Learning to be Frontend Developer",
  location: "Tangerang, Banten, Indonesia",
  status: "Available for High-Impact Projects",
  coreStack: ["HTML5", "CSS3", "JavaScript"],
  performance: {
    responsive: true,
    seoOptimized: true,
  }
});

{
  "languages": {
    "HTML5": "80% (Semantic, Accessibility, SEO)",
    "CSS3": "60% (Grid, Flexbox, Animations)",
    "JavaScript": "1% (DOM, Async/Await, APIs)",
  },
  "tools": ["VS Code", "GitHub", "Canva"]
}

// Education Records & Future Target Aspirations
SELECT institution, major, period FROM education_journey;
/* Output:
  1 | Surabaya State University| Information Systems | 2026-2030
  2 | SMAN 1 Pandeglang    | MIPA Science         | 2023-2026
  3 | SMPN 2 Karang Tanjung| General Studies      | 2020-2023
  4 | SDN Pagadungan 01    | Primary Foundation   | 2014-2020
*/

# Leadership & Organization Experience
- Gerakan Pramuka SMPN 2 Karang Tanjung - Anggota: masa menjabat  2020 - 2023
- Pengurus OSIS - Anggota: Seksi Bidang 6 (Kewirausahaan) masa menjabat 2023 - 2024
- Karya Ilmiah Remaja (KIR) - Anggota: Masa menjabat (2023 - 2026)
- Panitia Sambadha Victory - Sekretaris: Masa menjabat (2025)
- Badan Pengurus Harian MPK - Sekretaris: Masa menjabat (2024 - 2025)

Tahun Belajar

Pengalaman Organisasi

Proyek Diselesaikan

Event diikuti

Feature Comparison

Developer Capability Matrix

Perbandingan standar pengembangan web konvensional vs arsitektur frontend modern yang dibangun oleh Najwan Zaki.

Core Capabilities & Architecture	Najwan Zaki (Dev Platform)	Conventional Frontend
Semantic HTML5 & Modern SEO Architecture Struktur metadata lengkap, OpenGraph, dan semantik ramah mesin pencari	Included (Best Practice)	Sering Terabaikan
Fluid Responsive & Mobile Touch Experience Responsif sempurna dari iPhone 375px hingga monitor 4K dengan 60fps	Native Mobile-First	Rawan Glitch & Overflow
Parallax Motion, Glassmorphism & Micro-animations Transisi halus hardware-accelerated tanpa lag frame-drop	GPU-Accelerated Smooth	Statis & Kaku
Clean Code & Modular JavaScript (ES6+) Kode rapi, mudah didebug, terstruktur, dan siap diskalakan	Modular & Clean Code	Spaghetti Code
Organization Leadership & Strong Teamwork Pengalaman memimpin MPK, Pramuka, OSIS, dan kepanitiaan event	Proven Leadership Track	Hanya Kemampuan Teknis

Ecosystem

Integrated Toolchain & Stack

Teknologi dan perangkat pengembang terpercaya yang digunakan untuk membangun produk digital berkualitas tinggi.

HTML5

Structure & Semantic

CSS3

Styling & Motion

JavaScript

Logic & ES6+

GitHub

Code Repo & CI/CD

Figma

UI/UX Design

VS Code

Primary IDE

Developer Profile

About Najwan Zaki

Mengenal lebih dekat dedikasi dan perjalanan saya di dunia web development.

Najwan Zaki

I wanna be a Frontend Developer, Data Analyst, IT Analyst, IT Project Manager, or IT Consultant

Halo semua! nama saya Mohamad Najwan Zaki saat ini saya berumur 18 tahun dan sedang menjalani pendidikan di Universitas Negeri Surabaya dengan program studi Sistem Informasi. Saya sedang tertarik untuk masuk kedalam dunia coding dan bisnis

Why Information Systems?

Saya memilih program studi Sistem Informasi bukan hanya semata-mata asal memilih, tapi memiliki beberapa pertimbangan yang membuat saya memilih prodi ini yaitu Sistem Informasi memiliki prospek kerja yang luas karena tidak hanya berkecimpung dalam dunit IT saja, tetapi juga dalam dunia bisnis.

Saya memiliki cita-cita menjadi seorang programmer, IT Consultant, IT Analyst, Data Analyst, Bussines Analyst, IT Consultant, atau IT Project Manager.

Academic Path

Education Journey

Jejak akademik dan aspirasi studi masa depan di bidang Informatika & Software Engineering.

Universitas Negeri Surabaya

Undergraduate Information Systems

Target impian untuk memperdalam ilmu Rekayasa Perangkat Lunak, arsitektur cloud, dan sistem komputasi terdistribusi (Aamiin).

2026 - 2030

SMAN 1 Pandeglang

Sekolah Menengah Atas (MIPA)

Mempelajari sains, logika matematika, dan aktif mengikuti organisasi sebagai wadah untuk melatih jiwa kepemimpinan dan problem solving.

2023 — 2026

SMPN 2 Karang Tanjung

Sekolah Menengah Pertama

Menumbuhkan ketertarikan awal pada teknologi informasi, komputer, dan dasar-dasar jiwa kepemimpinan melalui Dewan Penggalang.

2020 — 2023

SDN Pagadungan 01

Sekolah Dasar

Fondasi awal pendidikan, kedisiplinan belajar.

2014 — 2020

Leadership

Organization & Leadership

Peran aktif kepemimpinan dan kolaborasi dalam berbagai organisasi kesiswaan.

Dewan Penggalang - Anggota

SMPN 2 Karang Tanjung (2022 - 2023)

Melatih jiwa kepemimpinan (*leadership*), ketahanan fisik dan mental, kedisiplinan, kerjasama tim, navigasi kompas jelajah alam, serta teknik tali-temali perkemahan.

1. Perkemahan

2. Api Unggun

3. Pionering

4. Jelajah Alam

5. PBB

6. Upacara

7. Kerjasama Regu

8. Semaphore

9. Bakti Lingkungan

10. Kecakapan

1. Perkemahan

2. Api Unggun

3. Pionering

4. Jelajah Alam

5. PBB

6. Upacara

7. Kerjasama Regu

8. Semaphore

9. Bakti Lingkungan

10. Kecakapan

Pengurus OSIS — Seksi Bidang Kewirausahaan (Sekbid 6)

SMAN 1 Pandeglang (2023 - 2024)

Menginisiasi dan mengkoordinasikan kegiatan perlombaan antar-kelas (*classmeeting*), berwirausaha, kebersihan lingkungan sekolah, dan kegiatan pengembangan minat bakat seni kesiswaan.

Karya Ilmiah Remaja (KIR) — Riset & Teknologi

SMAN 1 Pandeglang (2023 - 2025)

Aktif dalam riset sains, penulisan artikel ilmiah.

Panitia Pentas Sambadha Victory — Divisi Perlengkapan

SMAN 1 Pandeglang (2024)

Anggota tim perlengkapan di event besar dengan audience lebih dari 1000 dan live performance UTOPIA dan Skyline sebagai puncak festival tahunan sekolah.

Pengurus Majelis Perwakilan Kelas (MPK) — Sekretaris

SMAN 1 Pandeglang (2024 - 2025)

Pengelolaan administrasi dan kearsipan organisasi MPK, menyusun proposal resmi, notulensi rapat pleno, dan menjembatani aspirasi siswa kepada pihak sekolah.

Metrics

Technical Skill Benchmarks

Tingkat kemahiran pada bahasa pemrograman inti, styling, dan alur kerja frontend.

Core Web Languages

HTML5 (Semantic & SEO) 80%

CSS3 & Modern Styling 60%

JavaScript (ES6+) 1%

On Going Learn React.js 0%

Workflow & Tooling

Perangkat lunak dan standar industri yang saya gunakan dalam membangun produk web yang andal dan cepat:

VS Code Git Versioning GitHub CI Web Performance Flexbox / Grid

Showcase

Selected Developer Projects

Proyek-proyek frontend yang dikembangkan dengan fokus pada clean code dan interaktivitas.

/projects/portfolio-v2 Production

HTML5 CSS JavaScript Vibe Coding

Portfolio Website

Website portofolio interaktif bergaya platform pengembang dengan syntax highlighting, 3D Parallax Tilt, matriks perbandingan, dan dashboard admin real-time.

Live View Source

/projects/interactive-webapp Ready

HTML5 CSS

Website pertama

Website pertama sebagai bahan ajar melatih saya untuk HTML5 dan CSS.

Demo Source

/projects/landing-page-v1 Ready

UI/UX Tailwind CSS SEO

??

on going

Demo Source

Documentation

Developer Docs & Endpoints

Akses cepat ke dokumentasi profil, riwayat pengalaman, dan endpoint komunikasi.

GET /api/v1/profile

Connect & Collaborate

Kirimkan pesan untuk pertanyaan.

Let's Build Something Great!

Saya selalu antusias berdiskusi mengenai proyek web baru, implementasi UI/UX terkini, dan kolaborasi tim.

EMAIL INBOX

najwanzaki1230@gmail.com

LOCATION

Pandeglang, Banten, Indonesia

+62 878-9188-4197

linkedin.com/in/najwanza

INSTAGRAM

@najwanza_

// Client / Developer Name

// Return Email Address

// Inquiry Subject

// Project Specifications / Message

Selamat