Muzaki .M (muzaki.ic)

2025: Sky House Landing Page

# Deskripsi
Sky House Landing Page adalah halaman web statis yang dibuat untuk memperkenalkan dan mempromosikan komunitas Sky House, sebuah server Discord yang berfokus pada hiburan bagi kaum rebahaners dan nolepers. Halaman ini menyajikan informasi tentang server, daftar event yang telah diselenggarakan, serta tautan langsung untuk bergabung.

# Fitur Utama
- Informasi server tentang tujuan dan keunggulan Sky House
- Event showcase yang menampilkan berbagai acara yang pernah diselenggarakan
- Video tour untuk memberikan gambaran lebih jelas tentang Sky House
- Navigasi yang simpel dan mudah digunakan
- Social media links menuju server Discord dan Instagram Sky House

# Teknologi yang Digunakan
- Hosting: GitHub Pages
- CDN: Fastly, jsDelivr
- Keamanan: HSTS
- Optimisasi & Caching: HTTP/2, Open Graph, Varnish
- JavaScript Libraries: ScrollReveal, Swiper

# Tautan
- Website: https://osiic.github.io/web3
- GitHub: https://github.com/osiic/web3

2025: Instink Store - Digital Store for Disocrd Product Digital

# Deskripsi:
Instink Store adalah platform e-commerce yang menjual berbagai produk digital seperti Discord Nitro, Spotify Premium, YouTube Premium, dan Google Drive storage. Website ini dirancang untuk memberikan pengalaman belanja yang cepat, ringan, dan responsif.

# Peran & Kontribusi:
Sebagai Developer, saya bertanggung jawab dalam pengembangan website menggunakan Next.js, React, dan Tailwind CSS. Saya juga memastikan integrasi frontend dan backend berjalan lancar, serta mengoptimalkan performa dan tampilan UI/UX.

# Tim:
- Osiic (Muzaki) – Developer
- Jukut Premium (Shaka) – Founder & Owner
- Abdul Halim – Search Human Dev Engine

# Teknologi yang Digunakan:
- Frontend: Next.js 13.4.2, React, Tailwind CSS, Radix UI
- Backend & Hosting: Vercel (Serverless Deployment)
- Libraries & Tools: Swiper (Carousel), Webpack
- Security & Performance: HSTS, HTTP/2, Open Graph

# Tautan
- Website: https://instinkstore.vercel.app
- Github: https://github.com/osiic/instinkstore

Instink Store terus berkembang dengan fitur-fitur baru yang akan memberikan kemudahan bagi pengguna dalam membeli produk digital dengan lebih efisien dan aman.

2025: PT. Trans Putra Pratama - Company Profile Website

Tech Stack: Next.js 14.2.5, React, Tailwind CSS, Vercel, Lucide, Google Maps API
Website: https://transputrapratama.vercel.app

Saya mengembangkan website company profile untuk PT. Trans Putra Pratama, sebuah lembaga pelatihan teknisi & operator alat berat. Website ini dirancang untuk memberikan informasi lengkap mengenai layanan pelatihan, fasilitas, tim instruktur, serta program kemitraan yang ditawarkan perusahaan.

# Fitur Utama:
- Halaman Profil Perusahaan: Menampilkan visi, misi, dan struktur organisasi.
- Detail Program & Produk: Informasi mengenai kursus pelatihan teknis, soft skills, serta manajerial.
- Galeri & Dokumentasi: Tampilan foto-foto kegiatan pelatihan, OJT, dan sertifikasi.
- Google Maps Integration: Memudahkan pengguna menemukan lokasi pusat pelatihan.
- WhatsApp Business Chat: Fitur live chat untuk mempermudah komunikasi dengan calon peserta pelatihan.
- Optimasi Performa & SEO: Menggunakan Priority Hints dan HSTS untuk keamanan dan kecepatan akses.

Website ini di-deploy menggunakan Vercel, sehingga memiliki performa cepat dan skalabilitas tinggi. Dengan desain yang profesional dan responsif, website ini membantu PT. Trans Putra Pratama meningkatkan visibilitas serta memudahkan calon peserta mengakses informasi pelatihan.

2025: Lunar - Discord Community Server

# Deskripsi
Lunar adalah server Discord yang dibangun sebagai tempat berkumpul bagi kaum nolepers dan rebahaners. Server ini berfokus pada komunitas berbasis media sosial, menyediakan berbagai event menarik, ruang diskusi yang nyaman, serta lingkungan yang ramah bagi para anggota.

Website ini dirancang untuk memperkenalkan Lunar kepada calon anggota dengan tampilan yang modern, responsif, dan interaktif. Fitur utama dari website ini meliputi:
- Informasi Server: Menampilkan jumlah event, anggota, dan staff yang tergabung dalam komunitas.
- Navigasi Interaktif: Tombol Join Server yang langsung mengarahkan pengguna ke Discord.
- Project Showcase: Menampilkan berbagai proyek terkait komunitas, seperti website pembayaran, portfolio, dan aplikasi mobile.
- Dark Mode: Tema gelap yang dapat diaktifkan dengan satu klik untuk pengalaman browsing yang lebih nyaman.

Dibangun dengan HTML, CSS, dan JavaScript, website ini memberikan pengalaman pengguna yang menarik serta mengoptimalkan performa untuk akses cepat.

# Tautan
Website: https://osiic.github.io/lunar/
Github: https://github.com/osiic/lunar

2025: YumeArchive – Indonesian Creative Community

# Deskripsi
YumeArchive adalah komunitas kreatif berbasis di Indonesia yang berfokus pada dunia editing. Komunitas ini menjadi tempat berkumpul bagi graphic designers, artists, serta kreator AMV/GMV untuk berbagi karya, berdiskusi, dan berkolaborasi.

Saya berkontribusi dalam pengembangan website YumeArchive, yang dirancang dengan tampilan modern, responsif, serta memiliki navigasi yang intuitif. Website ini dibangun menggunakan teknologi web seperti HTML, CSS, dan JavaScript, serta memanfaatkan Swiper.js untuk tampilan interaktif.

Fitur utama website:
- Informasi komunitas dengan deskripsi singkat dan tautan ke server Discord.
- Navigasi sederhana dan user-friendly untuk menjelajahi berbagai halaman seperti About, Team, dan Gallery.
- Desain minimalis dan estetis dengan warna pastel yang sesuai dengan branding komunitas.

Website: https://osiic.github.io/yumearchive/
Repository: https://github.com/osiic/yumearchive

YumeArchive hadir untuk mendukung kreator dalam menampilkan karya mereka serta terhubung dengan komunitas editing yang lebih luas.

2025: Mabica - Platform Audiobook & Novel Digital

# Deskripsi
Mabica adalah platform audiobook dan novel digital yang memungkinkan pengguna menikmati cerita dengan cara yang lebih fleksibel—baik membaca maupun mendengarkan. Dengan koleksi yang terus berkembang, Mabica dirancang untuk memberikan pengalaman imersif dalam menikmati literasi. Website ini memiliki antarmuka yang modern, navigasi yang intuitif, serta performa tinggi untuk memastikan pengalaman pengguna yang optimal.

#? Fitur Utama:
- Streaming Audiobook & Novel Digital – Akses berbagai cerita dengan kualitas suara jernih dan teks yang nyaman dibaca.
- Autentikasi Pengguna – Login menggunakan Auth.js (Google Login) untuk pengalaman yang lebih personal.
- Dashboard Pengguna – Kelola koleksi audiobook & novel favorit dalam satu tempat.
- Sistem Manajemen Konten Dinamis – Backend yang mendukung update cepat dengan RESTful API.
- Performa Optimal – Teknologi **Next.js SSR & SSG** untuk kecepatan akses maksimal.
- UI Modern & Responsif – Dibangun dengan **Tailwind CSS, shadcn/ui, dan Radix UI** untuk pengalaman yang estetis dan nyaman.

# Teknologi yang Digunakan
- Frontend: Next.js, React, Tailwind CSS, shadcn/ui, Radix UI
- Backend: RESTful API
- Database: NeonDB (PostgreSQL) dengan Prisma ORM
- Autentikasi: Auth.js (Google Login)
- Hosting & Deployment: Vercel

Live Website: https://mabica.vercel.app

2025: Kumanime - Platform Streaming Anime Sub Indo

# Deskripsi
Kumanime adalah platform streaming anime sub Indo dengan koleksi terbaru dan kualitas HD. Website ini dirancang untuk memberikan pengalaman menonton yang cepat, nyaman, dan bebas gangguan. Dengan antarmuka yang user-friendly serta navigasi yang mudah, Kumanime menjadi pilihan utama bagi penggemar anime yang menginginkan streaming tanpa hambatan.

# Fitur Utama:
- Streaming anime dengan kualitas HD
- Autentikasi pengguna dengan Auth.js (Google Login)
- Database scalable menggunakan NeonDB + Prisma ORM
- Pengelolaan konten dinamis dengan RESTful API backend
- Performa cepat dengan Next.js SSR & SSG
- UI modern dan responsif dengan Tailwind CSS & React

# Peran & Kontribusi:
- Jukut Premium (Shaka) – Pengembangan frontend & UI/UX, optimasi performa, deployment
- Osiic (Muzaki) – Pengembangan backend, database management, API integration

#Teknologi yang Digunakan:
- Frontend: Next.js, React, Tailwind CSS
- Backend: RESTful API
- Database: NeonDB (PostgreSQL) dengan Prisma ORM
- Autentikasi: Auth.js
- Hosting & Deployment: Vercel

Live Website: kumanimeweb.vercel.app
GitHub Repository: github.com/JukutPremium/kumanime