← Kembali ke Portofolio
// OFFICIAL WEB DEVELOPMENT PORTFOLIO

Afirus Ahmad El Karim
(Averous)

Fullstack Web Developer & Software Engineering Student

Dokumen portofolio resmi mahasiswa aktif program studi D4 Rekayasa Perangkat Lunak. Memiliki spesialisasi dalam merancang, membangun, dan men-deploy 6 aplikasi web production-ready secara mandiri pada server Linux Cloud VPS (Nginx, SSL, MySQL).

6+
Live Deployed Apps
Self-Hosted Cloud VPS
12+
Technologies Mastered
React 19, Laravel, Astro
100%
Production Ready
Clean Modular Code

Tech Stack & Arsitektur Sistem

Penguasaan ekosistem teknologi modern dari perancangan frontend interaktif yang cepat hingga konfigurasi backend REST API dan manajemen infrastruktur server Linux.

🌐 Frontend Development
React.js 19 Astro.js Tailwind CSS JavaScript ES6+ TypeScript HTML5 & CSS3 Framer Motion
⚙️ Backend & Database
Laravel 11 RESTful APIs Node.js (Express) PHP 8.2+ MySQL Database Database Migration
☁️ Cloud VPS & DevOps
Linux Ubuntu VPS Nginx Virtual Host SSL Let's Encrypt Custom Domain & DNS CloudPanel / SSH
🛠️ Tools & Metodologi
Git & GitHub Vite Build Tool Postman Testing Figma to Code Decoupled Architecture
💡 Nilai Utama & Standar Rekayasa Perangkat Lunak:
  • Decoupled Architecture: Terbiasa memisahkan Single Page Application (React) dengan backend REST API (Laravel) untuk skalabilitas tinggi.
  • Production-Grade Deployment: Tidak hanya menjalankan di localhost, seluruh 6 proyek di-deploy dan berjalan live di server VPS mandiri.
  • Performance & SEO First: Mengoptimalkan Core Web Vitals, kompresi aset WebP, dan skor Lighthouse hingga 100.
  • Clean & Modular Code: Kode terstruktur rapi mengikuti standar industri, mudah di-maintain, dan siap kolaborasi tim.

Showcase Proyek Live (1 & 2)

ManJadda Landing Page Mockup
01. ManJadda Astro.js Landing Page
Landing Page Institusi Modern Berkecepatan Tinggi

Website landing page pondok modern dengan performa ultra-cepat, skor Lighthouse 100, dan integrasi animasi native motion yang halus.

  • Arsitektur pulau (*Astro Islands*) untuk nol muatan JavaScript berlebih.
  • Animasi interaktif fluid native motion dan responsive mobile-first.
Astro.js • Motion Native • Tailwind CSS Buka Live Demo ↗
Attentio Attendance System Mockup
02. Attentio Laravel Web App
Sistem Manajemen Presensi & Kehadiran Terpadu

Aplikasi absensi berbasis web dengan rekapitulasi data otomatis, dashboard analitik admin, dan autentikasi multi-level aman.

  • Autentikasi role-based (Admin & Karyawan) dengan proteksi CSRF.
  • Manajemen shift kerja dan ekspor laporan kehadiran otomatis.
Laravel 11 • Blade • Tailwind • MySQL Buka Live Demo ↗

Showcase Proyek Live (3 & 4)

Inventio Inventory System Mockup
03. Inventio Decoupled Fullstack
Sistem Manajemen Inventaris & Mutasi Barang

Aplikasi decoupled fullstack yang mengintegrasikan SPA React interaktif dengan backend RESTful API Laravel untuk pelacakan stok real-time.

  • Komunikasi API stateless dengan sanitasi dan validasi data ketat.
  • Pencatatan mutasi stok masuk/keluar dan pelaporan analitik.
React SPA • Laravel 11 API • MySQL Buka Live Demo ↗
Dreamy Island Resort UI Mockup
04. Dreamy Island React UI & Booking
Luxury Resort & Villa Booking Platform

Antarmuka pemesanan vila mewah modern dengan kalkulator estimasi tarif otomatis, filter kamar interaktif, dan desain antarmuka modern yang memikat.

  • Kalkulator pemesanan real-time berdasarkan durasi inap dan tipe kamar.
  • Navigasi responsif dengan performa rendering tinggi di mobile.
React 19 • Tailwind CSS • UI/UX Design Buka Live Demo ↗

Showcase Proyek (5 & 6) & Kontak

CineScope Movie App Mockup
05. CineScope React 19 API Explorer
Aplikasi Penjelajah Film & Serial TV (TMDB API)

Platform eksplorasi film modern dengan fitur pencarian real-time, trailer video modal, filter multi-genre, dan bookmarking lokal.

  • Integrasi REST API TMDB dengan pagination dan infinite loading.
  • State management reaktif dengan React Hooks modern.
React 19 • TMDB API • Axios • Tailwind Buka Live Demo ↗
MaMealApp Recipe Finder Mockup
06. MaMealApp React 19 Recipe Finder
Aplikasi Eksplorasi Resep Kuliner Nusantara & Dunia

Aplikasi resep kuliner interaktif dengan filter asal negara, panduan langkah memasak terstruktur, dan video tutorial.

  • Pencarian instan berbasis bahan makanan dan kategori kuliner.
  • Desain UI mobile-friendly yang cepat dan intuitif.
React 19 • TheMealDB API • Tailwind CSS Buka Live Demo ↗

Siap Berkontribusi dalam Program Magang / Posisi Junior

Terbuka untuk kesempatan magang (internship) & junior web developer (Remote / Onsite).

Hubungi Email ↗