khairulkholqi (khairulkholqi)

2024: Website Apotek

Website Apotek adalah aplikasi web yang dirancang untuk mempermudah transaksi obat secara sederhana antara pengguna dan apoteker.
Dibangun menggunakan Laravel, Bootstrap, dan MySQL, platform ini memungkinkan pengguna untuk menelusuri daftar obat yang tersedia, melakukan permintaan pembelian, serta mengelola detail pesanan dasar.
Apoteker dapat memproses pesanan yang masuk dan mengatur stok obat melalui antarmuka yang responsif dan mudah digunakan.

Fokus utama dari project ini adalah kemudahan akses, fungsionalitas, dan pengalaman pengguna yang efisien bagi kedua pihak � pengguna dan apoteker.

Teknologi yang Digunakan
- Laravel: Framework utama untuk mengelola logika backend dan autentikasi pengguna.
- Bootstrap: Untuk membangun tampilan web yang responsif dan user-friendly.
- MySQL: Sebagai sistem manajemen database untuk menyimpan data pengguna, obat, dan transaksi.
- GitHub: Untuk version control dan kolaborasi pengembangan.

Detail Pengerjaan
- Mengembangkan frontend dan backend menggunakan Laravel dan Bootstrap untuk pengalaman pengguna yang responsif.
- Mendesain dan mengimplementasikan database MySQL untuk mengelola data pengguna, obat, dan transaksi.
- Membuat fitur bagi pengguna untuk menelusuri dan memesan obat, serta bagi apoteker untuk memproses pesanan dan mengelola stok.

2024: Website Company Profile

Website Company Profile adalah project website fullstack yang dirancang untuk menampilkan informasi perusahaan, layanan, serta portofolio dalam tampilan yang bersih dan profesional.
Saya berperan sebagai Project Manager sekaligus Fullstack Developer, memimpin keseluruhan proses pengembangan mulai dari perencanaan, desain, hingga implementasi.
Frontend dibangun menggunakan React.js dan Tailwind CSS, sedangkan backend dikembangkan dengan Express.js dan MySQL.
Selain itu, saya juga mendesain antarmuka pengguna menggunakan Figma, melakukan pengujian API melalui Postman, dan memanfaatkan Docker untuk mendukung proses pengembangan serta deployment.

Tujuan utama dari project ini adalah menciptakan aplikasi web yang responsif, skalabel, dan mudah dikelola untuk kebutuhan profil perusahaan.

Teknologi yang Digunakan
- React.js: Untuk membangun tampilan frontend yang interaktif dan cepat.
- Tailwind CSS: Untuk menciptakan desain yang modern dan konsisten.
- Express.js: Framework backend untuk menangani API dan logika server.
- MySQL: Database untuk menyimpan data perusahaan, layanan, dan portofolio.
- Figma: Alat desain UI untuk merancang antarmuka yang rapi dan user-friendly.
- Postman: Digunakan untuk melakukan pengujian API selama pengembangan.
- Docker: Mendukung proses development dan deployment agar lebih stabil.
- GitHub: Untuk version control dan kolaborasi pengembangan.

Detail Pengerjaan
- Memimpin tim sebagai Project Manager dan Fullstack Developer.
- Mengembangkan frontend dengan React.js dan Tailwind CSS, serta backend menggunakan Express.js dan MySQL.
- Mendesain tampilan antarmuka menggunakan Figma sesuai kebutuhan branding perusahaan.
- Melakukan pengujian API menggunakan Postman untuk memastikan koneksi frontend�backend berjalan lancar.
- Menggunakan Docker untuk mempermudah proses setup dan deployment aplikasi.

2024: PPOB Dypedia

PPOB Dypedia adalah website pembayaran digital (PPOB) yang dikembangkan di bawah naungan Digital Youth Technology.
Saya bertanggung jawab dalam pengembangan tampilan frontend menggunakan React.js, mencakup halaman super admin, landing page, serta berbagai fitur utama lainnya.
Selain merancang UI/UX mulai dari tahap riset hingga prototyping di Figma, saya juga berkolaborasi dengan tim backend untuk memastikan integrasi data dan performa sistem berjalan optimal.

Tujuan utama dari project ini adalah menciptakan platform pembayaran yang modern, responsif, dan mudah digunakan dengan alur kerja yang efisien bagi pengguna maupun admin.

Teknologi yang Digunakan
- React.js: Untuk membangun antarmuka pengguna yang cepat dan dinamis.
- Tailwind CSS: Untuk mendesain tampilan web yang modern dan responsif.
- Express.js: Framework backend yang digunakan tim untuk mengelola API dan logika server.
- MySQL: Sebagai sistem manajemen database untuk menyimpan data transaksi dan pengguna.
- Axios: Untuk integrasi API dan pengambilan data secara real-time.
- Figma: Digunakan dalam proses desain UI/UX dari riset hingga prototyping.
- Postman: Untuk pengujian API dan memastikan konektivitas frontend-backend berjalan baik.
- GitHub: Untuk version control dan kolaborasi pengembangan.

Detail Pengerjaan
- Mendesain antarmuka untuk landing page, halaman admin, dan super admin menggunakan Figma.
- Mengembangkan tampilan landing dan admin page yang responsif dengan React.js dan Tailwind CSS.
- Mengintegrasikan API backend menggunakan Axios untuk menampilkan data secara real-time.

2025: Website Portofolio dan Blog Pribadi

Website Portofolio dan Blog Pribadi adalah situs web personal yang berfungsi sebagai wadah untuk menampilkan kemampuan saya di bidang pemrograman dan pengembangan web.
Website ini dirancang agar profesional, responsif, serta mudah dikelola melalui halaman admin yang terintegrasi langsung dengan basis data online.
Selain berperan sebagai media portofolio, website ini juga dilengkapi fitur blog untuk membagikan pengalaman dan pengetahuan di dunia teknologi.

Teknologi yang Digunakan
- Next.js: Framework utama untuk pengembangan frontend dengan performa tinggi dan dukungan server-side rendering.
- Tailwind CSS: Untuk membangun desain antarmuka yang modern, konsisten, dan responsif.
- Express.js: Untuk menangani API dan logika backend.
- Axios: Untuk komunikasi antara frontend dan backend melalui API.
- Supabase: Sebagai database online yang digunakan untuk menyimpan dan mengelola data.
- Postman: Untuk menguji API dan memastikan integrasi data berjalan dengan baik.
- Vercel: Platform hosting yang digunakan untuk proses deployment.
- GitHub: Untuk version control dan otomatisasi deployment ke Vercel.

Detail Pengerjaan
- Membuat landing page yang profesional dan responsif untuk menampilkan portofolio pribadi.
- Mengembangkan halaman admin dengan desain yang bersih dan dapat disesuaikan.
- Mengelola database online menggunakan Supabase.
- Membuat API menggunakan Express.js dan mengintegrasikannya dengan Supabase.
- Menerapkan fitur CRUD (Create, Read, Update, Delete) di halaman admin dan landing page.
- Melakukan deployment menggunakan Vercel yang terintegrasi langsung dengan GitHub.

2025: Dynamic Box Styler

Dynamic Box Styler adalah aplikasi web sederhana yang dibuat untuk membantu developer mendesain elemen box dengan pengaturan gaya (styling) dasar secara visual.
Pengguna dapat menyesuaikan berbagai properti seperti ukuran, padding, margin, border, dan warna secara langsung, lalu menyalin kode CSS yang dihasilkan untuk digunakan dalam proyek mereka.
Aplikasi ini dibangun menggunakan HTML, CSS, dan JavaScript dengan fokus pada kemudahan penggunaan serta tampilan pratinjau (real-time preview) yang interaktif.

Teknologi yang Digunakan
- HTML: Untuk membangun struktur utama halaman web.
- CSS: Untuk mengatur tampilan dan gaya visual elemen.
- Untuk membuat interaksi dinamis dan pembaruan real-time pada tampilan box.
- Vercel: Digunakan sebagai platform untuk deployment aplikasi.
- GitHub: Untuk version control dan penyimpanan source code.

Detail Pengerjaan
- Membangun aplikasi berbasis web menggunakan HTML, CSS, dan JavaScript murni.
- Membuat kontrol interaktif untuk menyesuaikan properti box seperti lebar, tinggi, border, dan warna.
- Mengimplementasikan pratinjau real-time serta fitur untuk menyalin kode CSS yang dihasilkan agar mudah digunakan pada proyek lain.

2025: Website E-Commerce Furniture

Website E-Commerce Furniture adalah situs penjualan furnitur modern yang dirancang untuk membantu pelaku usaha kecil dan menengah (UMKM) menampilkan serta menjual produk mereka secara online.
Saya bertanggung jawab penuh dalam pengembangan tampilan frontend menggunakan Next.js dan Tailwind CSS untuk menciptakan pengalaman menjelajah yang lancar di berbagai perangkat.
Desain UI/UX difokuskan pada visual produk dan kemudahan navigasi pengguna, menghasilkan tampilan yang bersih, menarik, dan ramah konversi.
Proyek ini menekankan pada performa tinggi, skalabilitas, serta optimalisasi untuk perangkat mobile.

Teknologi yang Digunakan
- Next.js: Framework utama untuk membangun frontend yang cepat dan SEO-friendly.
- Tailwind CSS: Untuk mendesain antarmuka yang modern, fleksibel, dan responsif.
- Vercel: Platform hosting untuk deployment aplikasi berbasis Next.js.
- GitHub: Untuk version control dan kolaborasi pengembangan.

Detail Pengerjaan
- Mengembangkan tampilan e-commerce yang sepenuhnya responsif menggunakan Next.js dan Tailwind CSS.
- Mendesain antarmuka pengguna yang bersih dan modern untuk menonjolkan tampilan produk.
- Mengimplementasikan fitur listing produk dinamis serta navigasi yang intuitif guna meningkatkan pengalaman pengguna.

2025: Website Restoran Langit Saji

Website Restoran Langit Saji adalah situs web yang dikembangkan untuk mendukung bisnis kuliner kecil dan menengah (UMKM) dalam memperluas jangkauan pemasaran mereka secara online.
Saya bertanggung jawab penuh atas pengembangan bagian frontend menggunakan Next.js dan Tailwind CSS, dengan fokus pada tampilan yang cepat, bersih, dan ramah pengguna di perangkat mobile.
Proyek ini dikembangkan melalui kolaborasi erat dengan tim backend untuk memastikan sistem berjalan efisien serta memenuhi kebutuhan pengguna.

Teknologi yang Digunakan
- Next.js: Framework utama untuk membangun tampilan frontend yang cepat dan SEO-friendly.
- Tailwind CSS: Untuk mendesain antarmuka yang modern, ringan, dan responsif.
- Vercel: Platform hosting yang digunakan untuk deployment aplikasi berbasis Next.js.
- GitHub: Untuk version control dan kolaborasi selama proses pengembangan.

Detail Pengerjaan
- Mengembangkan seluruh bagian frontend menggunakan Next.js dan Tailwind CSS.
- Mendesain antarmuka yang responsif dan mudah digunakan, disesuaikan untuk kebutuhan UMKM kuliner.
- Memfokuskan pengembangan pada performa tinggi, tampilan bersih, dan pengalaman pengguna yang optimal di perangkat mobile.

2025: Website Marketplace

Website Marketplace adalah project kerja sama dengan Kementerian Kesehatan yang bertujuan untuk membangun platform jual beli obat secara online.
Saya berperan dalam pengembangan halaman admin, super admin, dan landing page menggunakan Laravel, serta merancang tampilan UI/UX mulai dari riset pengguna hingga tahap prototyping di Figma.
Selain itu, saya juga bekerja sama dengan tim backend untuk memastikan sistem berjalan optimal dan sesuai dengan kebutuhan pengguna.

Tujuan utama dari project ini adalah menciptakan marketplace obat yang aman, terstruktur, dan mudah digunakan, baik oleh pengguna umum maupun pihak pengelola.

Teknologi yang Digunakan
- Laravel: Framework utama untuk pengembangan backend dan manajemen logika sistem.
- Tailwind CSS: Untuk menciptakan desain tampilan yang modern dan responsif.
- MySQL: Sebagai sistem database relasional untuk menyimpan data produk, pengguna, dan transaksi.
- Figma: Untuk proses desain UI/UX dari riset hingga pembuatan prototype.
- GitHub: Untuk version control dan kolaborasi pengembangan.

Detail Pengerjaan
- Mendesain antarmuka untuk landing page, dashboard admin, dan super admin menggunakan Figma.
- Membuat dan menormalisasi database relasional menggunakan MySQL.
- Mengembangkan halaman landing, admin, dan super admin yang lengkap menggunakan Laravel dan Tailwind CSS.
- Berperan sebagai Project Manager dan Team Leader selama proses pengembangan.