Website Informasi Perbaikan Komputer - Lubis Komputer Fix

Latar Belakang Masalah

“Lubis Komputer Fix,” sebuah usaha servis komputer yang saya jalankan, selama ini cuma ngandelin promosi dari mulut ke mulut. kebetulan saya belum buat promosi digital, jadi calon pelanggan susah banget nyari info soal layanan, harga, atau bahkan sekadar alamat dan nomor kontak saya. Ini jelas jadi penghambat buat menjangkau lebih banyak pelanggan.

Solusi yang Diimplementasikan

Saya mengambil inisiatif untuk membuatkan sebuah website profil yang profesional, cepat, dan informatif. Tujuannya simpel: jadi kartu nama digital buat saya. Saya memutuskan pakai ReactJS untuk membangun antarmuka yang interaktif dan Bootstrap untuk mempercepat proses desain.

Prosesnya kayak gini:

Setup Proyek & Struktur: Menginisialisasi proyek menggunakan create-react-app dan mengintegrasikan Bootstrap. Saya merancang struktur folder untuk komponen, halaman, dan aset lainnya agar rapi.
Arsitektur Berbasis Komponen: Saya memecah tampilan website menjadi komponen-komponen kecil yang bisa dipakai ulang, seperti Navbar, ServiceCard, Footer, dan ContactForm. Ini bikin kode lebih mudah dikelola dan dikembangkan.
Routing Halaman: Menggunakan library react-router-dom untuk mengatur navigasi antar halaman (Home, Layanan, Kontak). Ini menciptakan pengalaman pengguna yang mulus seperti aplikasi (Single Page Application) tanpa perlu reload halaman.
Desain Responsif dengan Bootstrap: Untuk tampilan, saya manfaatin banget sistem grid dan komponen siap pakai dari Bootstrap. Hasilnya, website bisa tampil dengan baik di berbagai ukuran layar, dari desktop sampai hape, tanpa butuh waktu lama untuk styling.
Deployment: Website ini saya deploy di Netlify, yang menyediakan hosting gratis dengan proses integrasi yang simpel dari GitHub. Setiap perubahan kode langsung ter-update otomatis di website live.

Hasil Akhir

Hasilnya adalah sebuah website yang modern, profesional, dan responsif. “Lubis Komputer Fix” sekarang punya kehadiran online yang solid, memudahkan calon pelanggan menemukan saya. Proyek ini ngasih saya pengalaman praktis dalam membangun aplikasi dari nol dengan React, memahami manajemen state, arsitektur komponen, dan efisiensi development pakai framework CSS seperti Bootstrap.