LivePortofolio Pribadi
Website portofolio yang saya racik dari nol pakai Astro dan GSAP.
94⚡ 1.2s
Student & Intern
Halo, saya
Muhammad
Syakir.
Frontend & Web Developer
Siswa SMK RPL yang suka ngulik frontend. Fokus saya simpel: bikin web yang enak dilihat, kencang pas dibuka, dan gampang dipakai.
HTML • CSS • JavaScript • Astro • Laravel • PHP • Git • Tailwind CSS • Web Design • Responsive UI •
Karya Pilihan
Proyek Terbaru
Tentang SayaWeb Developer
Web Developer
dari Palembang.
Waktu awal masuk jurusan RPL, rasa penasaran saya cuma satu: gimana caranya bikin web yang beneran dipakai orang, bukan cuma numpuk jadi tugas sekolah. Proyek pertama yang bikin saya melek itu pas buatin website buat usaha keluarga, Pempek Wahid. Dari situ saya sadar, tampilan keren bakal percuma kalau loading-nya lelet atau alur pesannya ribet. Prinsip itu yang terus saya pegang sampai sekarang.
Fokus Utama
Saya nggak suka web yang lemot dan penuh animasi yang bikin pusing. Buat saya, web yang bagus itu harus cepat dibuka, navigasinya jelas, dan langsung nyelesaiin masalah pengguna.
Performa WebAntarmuka RapiLighthouse 94+
Flexible & Balanced
Gaya Kerja
Bisa jalan sendiri dari desain sampai deploy, tapi juga asyik diajak diskusi bareng tim.
Dilepas Sendiri? Aman: Mulai dari ngobrolin kebutuhan, rancang tampilan di Figma, ngoding, sampai deploy mandiri ke server/Vercel.
Contoh nyata: Pembuatan website katalog dan pemesanan Pempek Wahid.
Kerja Bareng Tim? Lebih Seru: Terbuka sama kritik atau masukan, suka tukar pikiran soal struktur kode, dan nggak gampang baper pas code review.
Contoh: Menerima masukan desain dan arsitektur kode dari mentor magang.
Perjalanan Belajar
Learning Journey
Klik tahap di bawah untuk melihat eksplorasi dan pencapaian teknis saya:
Pondasi Sistem
SMK RPL Curriculum
Memahami logika pemrograman dan bagaimana sebuah sistem bekerja secara end-to-end. Bukan sekadar menghafal sintaks, tapi membangun dasar rekayasa perangkat lunak yang kuat.
Tech Stack Utama:
HTML5CSS3JavaScriptPHPLaravelBootstrapTailwindMySQL / MariaDB
Universitas MDP
Production Reality & Real Projects
Menerapkan ilmu sekolah ke proyek nyata (seperti Pempek Wahid dan Portfolio ini). Eksplorasi ekosistem modern yang belum diajarkan di kelas.
Biggest Lesson: "Backend architecture is the invisible hero—frontend yang cantik tidak berdaya tanpa arsitektur database dan API yang solid."
Production Tools:
AstroFirebaseGitHub DesktopAnti GravityGSC (Search Console)VercelDomain Management
Inisiatif Mandiri
Driven by Curiosity
Tidak menunggu diajarkan. Jika menemukan celah atau kebingungan teknis, saya mencari jawaban dan mempelajarinya sendiri secara aktif.
Contoh: Python — Dipelajari secara mandiri di luar kurikulum sekolah untuk memahami logika bahasa lain dan otomatisasi data.
Fokus Belajar:
PythonNumPy & MatplotlibAI-assisted AccelerationWeb Performance
Cara Saya Kerja
- Pahami Masalah Dulu: Jangan buru-buru ngetik kode kalau alur data dan tujuannya belum jelas.
- Komunikasi Jujur: Kalau ada stuck atau kendala teknis, langsung tanya atau kasih kabar, nggak mendadak ngilang.
- AI Buat Bantuan, Bukan Pengganti: Pakai AI buat riset cepat atau bedah dokumentasi, tapi logika dan arsitektur tetap dipikirkan sendiri.
Fokus Magang
Target Saya Saat Ini
Selama masa magang, target saya bukan cuma sekadar nyelesaiin fitur, tapi nulis kode yang rapi dan gampang dipahami rekan tim lainnya.
Junior Web Developer
to
Reliable Full-Stack Developer
2+Proyek Live
3+Tahun Belajar Coding
21+Teknologi & Tools
100%Semangat Belajar
Tech StackTeknologi yang
Teknologi yang
Saya Gunakan
HTML
CSS
JavaScript
Tailwind
Bootstrap
Astro
PHP
Python
Laravel
MySQL
Firebase
Git
GitHub
VS Code
Vercel
Figma
Canva
Excel
Antigravity
NumPy
Matplotlib
Sertifikat & KursusSertifikat
Sertifikat
Pilihan
Empat sertifikasi utama yang membentuk fondasi keahlian saya, dari pemrograman logika hingga kecerdasan buatan.
Memulai Pemrograman dengan Python
Memahami fundamental logika pemrograman, struktur data list dan dictionary, fungsi modular, serta penanganan error di Python.
Belajar Dasar Structured Query Language (SQL)
Belajar manajemen basis data relasional, normalisasi tabel, dan eksekusi query DDL & DML untuk mengolah data secara efisien.
Belajar Dasar Data Science
Mempelajari alur kerja data science, teknik eksplorasi data analisis (EDA), dan dasar pemodelan data untuk pengambilan keputusan.
Membangun Aplikasi Gen AI dengan Microsoft Azure
Belajar konsep dasar Generative AI, arsitektur Large Language Models (LLM), dan cara mengintegrasikan Azure OpenAI Service ke aplikasi web.
TestimoniApa Kata
Apa Kata
Mereka
Representasi
Sebelumnya pelanggan cuma bisa pesan lewat WhatsApp manual. Sekarang dengan website yang Syakir buat, menu sudah bisa dilihat online, pesanan lebih teratur, dan tampilannya bikin warung kami kelihatan lebih profesional. Sangat membantu banget buat bisnis kami.
Representasi
Website yang dibangun Syakir sangat cepat dan tampilannya sangat rapi. Proses komunikasi dan pengerjaannya jelas, serta hasilnya sesuai dengan kebutuhan yang kami inginkan.
Representasi
Kerja bareng Syakir di proyek frontend itu menyenangkan. Dia teliti banget dalam implementasi desain dari Figma — spacing, warna, breakpoint, semuanya diperhatikan. Kodenya bersih, ada komentar yang jelas, dan dia nggak sungkan diskusi kalau ada pendekatan yang lebih baik.
KontakYuk, Ngobrol
Yuk, Ngobrol
atau Kolaborasi
Lagi cari developer buat bikin web, punya tawaran magang, atau sekadar mau tanya-tanya? Kirim pesan lewat form ini atau hubungi saya langsung via WhatsApp.