Halo teman-teman semua, selamat datang kembali di channel WPU bersama saya Sandika Gali. Dan di video kali ini, saya mau ajak kalian untuk melihat proyek-proyek keren kiriman dari teman-teman komunitas WPU di Discord. Jadi proyek-proyek ini adalah proyek terbaik pilihan saya yang sudah pernah saya showcase atau pamerkan di playlist proyek kalian di live streaming kita setiap malam minggu ya teman-teman, satu minggu satu kali. Nah jadi buat temen-temen yang belum tau, kita tuh setiap minggunya hampir selalu ya, walaupun kadang-kadang ada bolosnya juga ya, hampir selalu melaksanakan live streaming dimana saya memamerkan 10 proyek kiriman kalian yang saya ambil dari Discordnya WPU.
Proyek itu boleh apa aja, boleh website ya, frontend, backend, UI design, boleh game, boleh mobile apps, boleh IOT, sampai dengan library ataupun framework juga pernah ada yang kirim. Nah jadi di video kali ini saya mau coba pilih satu yang terbaik menurut saya ini ya. dari setiap bulannya sejak awal tahun 2024 ini. Jadi itu harusnya ada 9 atau mungkin nanti saya tambah bonus 1 jadi 10 proyek sejak bulan Januari sampai saat ini saat videonya direkam itu bulan September teman-teman. Ya dan ini menurut saya adalah proyek-proyek yang bentuknya itu utility ya atau ada manfaatnya.
Untuk digunakan oleh kita semua Dan juga cukup unik yang bisa menjadi inspirasi buat kita semua Sebetulnya masih banyak proyek-proyek keren yang lain Ya saya juga sebetulnya agak susah nih milihnya ya Tapi karena saya pengen 1 bulan 1 proyek terbaik Jadi inilah 9 proyeknya Nah jadi kalau misalkan kalian suka nanti tipe video seperti ini Mungkin nanti akan saya buatkan lagi untuk kategori yang berbeda Misalnya nanti saya bikinkan 10 proyek terbaik kategorinya portfolio Ya karena terus terang portfolio yang kalian kirim juga keren-keren banget Terus ada juga misalnya game Nanti kita pilih game-game terbaik yang sudah pernah dikirim atau tema-tema yang lainnya. Ya jadi kalian nggak usah khawatir kalau ada proyek favorit kalian yang keskip di video ini, tunggu aja kategori proyek berikutnya. Saya mau kasih informasi dulu dari sponsor kita untuk video kali ini yaitu Hostinger. Pas banget kita lagi ngobrolin proyek-proyek keren dari kalian nih.
Karena sebetulnya sekeren apapun proyek kalian, kalau nggak ada yang ngeliat kan sayang banget. Dan supaya proyek yang bisa dilihat oleh orang lain, tentu aja kalian harus deploy atau harus tampilin tuh ke internet. Jadi yang kalian butuhin itu adalah layanan yang bisa nyimpen proyek kalian dengan cepat dan juga aman. Nah, Hostinger adalah sebuah perusahaan penyedia layanan hosting website yang menyediakan hal-hal tadi.
Karena nggak cuma layanan yang lengkap, Hostinger juga aman, cepat, dan handal. Menariknya, saat ini Hostinger lagi ngadain diskon yaitu paket hosting website maupun server start dari 50 ribuan aja. Terdapat beberapa paket pilihan yang bisa kalian pilih sesuai dengan kebutuhan kalian.
Sekarang langsung aja yuk kita kunjungi websitenya di link berikut ini. Atau teman-teman bisa klik aja link yang ada di deskripsi di bawah ya. Pastiin kliknya lewat link tersebut, karena promonya hanya akan berlaku lewat link tersebut.
Oke, kali ini kita akan pilih produk hosting bisnis. Terus teman-teman pilih paket dengan durasi 1 atau 2 tahun. Nah ini saya pilihnya yang 2 tahun ya. Di sampingnya itu ada klik.
punya kode kupon, terus masukin kode kuponnya WPUHST. Selanjutnya, isi email yang nggak pernah kalian daftarin sebelumnya di Niaga Hoster atau Hostinger. Pastiin untuk bikin akun secara manual, tidak login dengan Google atau Facebook.
Setelah itu, kita pilih negara dengan pajak dan biaya tambahan 0, contohnya Malaysia. Pilih metode pembayarannya, salin invoice number di kanan atas, dan screenshot tagihan normalnya. Lakukan transfer produk sesuai dengan harga promo yang dipilih ke rekening yang sudah disediakan di file claim. Dan upload bukti transfernya ke form bit.ly slash wpu hst.
Isi form klaim produk promo dengan lengkap ya. Oh iya, semisal kalian masih bingung, bisa juga untuk lihat panduan jelasnya di PPT yang sudah disediakan di formnya. Di situ sudah lengkap step by step untuk klaim promo dan panduan pembayarannya.
Kalau kalian sudah mengisi form dan mengikuti step by step hosting promonya dengan tepat, maka hosting akan diaktifasi 3-5 hari kerja setelah proses pengisian form dan juga pembayaran. Nanti bakalan ada email pembayaran telah dikirim, yang dikirim dari hostinger, kalau proses aktifasi sudah selesai. Jadi jangan kaget kalau di akun kalian produk yang di order belum muncul, karena produk muncul setelah proses aktifasi selesai dan email pembayaran diterima.
Oke, jadi sekali lagi buat kalian yang lagi cari-cari layanan hosting untuk menyimpan proyek kalian, jangan ragu untuk memilih Hostinger sebagai penyedia layanannya. Jadi yuk segera klaim promonya sekarang dan lakukan pembayaran ke nomor rekening yang sudah disediakan selama persediaan masih ada, teman-teman. Atau sebelum harga promo naik atau kembali ke harga normal.
Cek semua link yang ada di deskripsi video untuk informasi lebih lanjut Oke teman-teman, jadi tanpa berlama-lama lagi kita langsung aja masuk ke proyek yang pertama teman-teman Proyek yang pertama ini proyek terbaik menurut saya di bulan Januari ya Nama proyeknya adalah Adopt Me Ini kiriman dari, sebentar saya lihat contekannya dulu Dari user discord namanya Io Akbars atau Io Fadlika Akbar gitu ya Nah ini ceritanya dia membuat sebuah website dimana kita bisa mengadopsi kucing ataupun anjing teman-teman Intro menurut saya cukup unik ya karena selain Websitenya clean, terus lucu juga ya Aset-asetnya, dan use case-nya menarik gitu Kita bisa memilih dan mengadopsi binatang peliharaan baru kita Kalau teman-teman lihat, UI-nya simple seperti ini Dan dia sudah menerapkan animasi dari elemen-elemennya menggunakan G-SAP ya G-SAP itu adalah sebuah library Ini kalau teman-teman belum tahu, ada yang namanya G-SAP Saya juga pernah bikin tutorialnya Dia adalah animasi JavaScript ya Library untuk animasi pada JavaScript Pakainya gampang Dan pilihan animasi yang bisa kita gunakannya juga banyak ya. Gitu ya. Jadi ini teman-teman kalau mau nambahin interaktifitas dan animasi keren-keren pada website-nya. Salah satu pilihannya adalah G-SAP ya.
Kita lihat lagi kembali ke sini. Ya tadi teman-teman bisa lihat kalau kita scroll ke bawah. Tuh elemennya.
muncul ya berdatangan gitu nah ini ada galerinya dimana kita bisa lihat udah berapa lama para binatang pria ini menunggu untuk kita adopsi katanya walaupun ini memang masih data-datanya masih dummy ya tapi kalau misalkan ini mau dipakai Untuk website adopsi benerannya ini udah oke banget sih buatan IO ini ya. Nah terus gradasinya juga bagus banget ya. Ini gradasinya halus gitu.
Dari biru muda ini rasanya ya ke warna putih gitu. Elemen-elemennya juga sudah oke. Ini kalau kita lihat ya. teknologinya yang dibikin sama Iyo ini dia menggunakan Vue ya Vue 3 Tailwind untuk CSSnya terus tadi animasinya pakai g-shape terus dia memakai Sweet Alert pada saat kita mau ngeklik ini nih nah jadi kalau kita pilih mau mengadopsi ya alertnya keluar menggunakan library JavaScript juga nih namanya Sweet Alert ya kalau kita mau adopsi ini ini masih dummy juga kalau kita klik yes adopted langsung sukses ya harusnya sih kita bisa sign in tapi kayaknya Kayaknya ini belum jalan dan sign up Nah terus untuk filteringnya juga Yo menggunakan sebuah library Yang namanya V auto animate Jadi ini bisa memfilter Tergantung kategori walaupun ini masih Statis teman-teman belum ada database nya Jadi otomatis bisa di filter menggunakan Library tadi V auto animate V auto animate Nah ini Ini untuk view ya Supaya dia bisa ngefilter Jadi ini simple tapi menurut saya keren banget Secara UI dan secara fungsi fungsionalitasnya juga udah keren bahkan ini kalau kita lihat secara mobile ya kita lihat secara mobile itu sudah responsif ya jadi enggak ada yang aneh gitu animasinya juga jalan Semua berjalan dengan baik ya di sisi animasinya dan juga menggunakan animasi dari V auto-animate juga ya Jadi kalau kalian mau bikin elemen ini namanya akordeon itu kalau pakai Vue.js bisa pakai tadi ya V auto-animate Auto-animate. Itu dia proyek pertama teman-teman.
Yang menurut saya paling unik ya. Di bulan Januari. Nah ini teman-teman lihat aja. Kalau pengen mengunjungi juga. Linknya semua saya simpan di deskripsi video.
Atau teman-teman bisa kunjungi repository. Dari showcase proyek ini. Di GitHub saya.
Mantap. Itu kiriman pertama dari Io Akbar. Sekarang kita masuk ke proyek yang kedua. Proyek yang kedua.
Itu namanya Kovier. Ini kiriman dari Holis. Holis 04 user discordnya.
Ini pilihan saya di bulan Februari. Jadi kalau misalkan kita baca penjelasan sedikit ya dari Holist, ini katanya dia disebut dengan integrated color pair. Jadi sebuah website yang bikin kita bisa mencari referensi warna gitu untuk website kita. Ini bagus banget nih.
Jadi dia alat penghasil kombinasi warna berdasarkan color scheme atau skema warna yang memudahkan kita untuk bereksplorasi dengan warna. Jadi kita bisa memfilter kalau teman-teman suka warna apa gitu ya Ada di bawahnya bisa lihat aturan warnanya ya Jadi komplementer nih komplementer itu berseberangan kalau dari roda warna tuh ya Jadi kalau biru seberangnya tuh orange gitu ya Kalau kalian pengen tahu warna lain tinggal diganti Nah kalau kalian pengen tahu warna lain ya bisa diubah aja Gitu nanti pasangannya juga bisa kita ganti tuh Bisa di copy juga kalau kita butuh warnanya ya. Ada juga yang triadik, ada yang split komplementari.
Ini sesuai dengan aturan-aturan warna ya. Jadi bisa kalian jadikan sebagai referensi. Atau kita juga bisa pilih warna-warna utamanya nih.
Kalian sukanya warna apa atau kalian pengen bikin website. yang warna utamanya apa kita regenerate nanti warna-warna di bawah sini otomatis berubah menjadi warna pilihan kita di atas ya ini menurut saya unik banget ya terutama untuk orang seperti saya yang kadang-kadang bingung gitu bikin sebuah website gak ada pantai panduan warna, misalkan dari klien kita gak ngasih panduan warna, diserahkan ke kita, terus kita udah cari-cari referensi warna, bingung juga gitu ya bisa pake website ini untuk memilih warna, ini tadi tombol filter untuk memilih yang atas ini ya, nah ini juga kita bisa ubah visualizenya, pengen berubah jadi apa, misalkan jadi gradasi tuh, ya kita pengen ubah jadi pattern Dengan warna tertentu. Ini patternnya bisa kita ganti-ganti.
Warnanya bisa di switch gitu. Primary jadi secondary. Primary jadi secondary. Cuman ini bisa.
Kita contek kayak patternnya ya. Bagus juga nih soalnya patternnya. Kayaknya nggak bisa ya.
Hanya contoh aja nih. Visualisasi text contrast. Nah ini juga penting nih. Kalau teman-teman pengen bikin kira-kira font yang kita bikin untuk halaman kita tuh contrast nggak dengan backgroundnya. Ya ini untuk logo.
Oh ini baru nih. Terakhir kita showcase kayaknya logo belum ada nih. Mantap nih holis nih. Untuk carousel.
Tuh ya jadi kita bisa lihat referensi warna lah. Supaya kita nggak bingung lagi kalau pilih-pilih warna. Untuk UI Design juga ada. Bagus banget teman-teman.
Ya, jadi silahkan digunakan. Websitenya namanya Kovier XYZ atau X-Y-Z. Atau klik aja link yang ada di deskripsi video. Itu untuk Februari. Next, kita masuk ke bulan Maret, teman-teman.
Bulan Maret. Di Maret kita punya kiriman dari Vityan. Nah Vityan ini website-nya bentuknya seperti GIS gitu ya.
Atau website mapping gitu. Petak. Di sini kalau fiturnya saya baca dari penjelasannya Vityan. Kita bisa mencari provinsi, kabupaten, kota, kecabarannya.
Kecamatan dan desa berdasarkan nama ya. Kita juga bisa ambil data pulau. Menampilkan batas wilayah. Terus untuk melihatnya via Google Maps. Tapi ini kayaknya bukan Google Maps.
Oh ini pake leaflet ya petanya ya. Ini peta yang pen-source ya. Nah ini mari kita coba.
Ini bisa digerakin seperti Google Maps. Mungkin gak selengkap Google Maps. Tapi ini gratis. Kan kalau Google Maps kalau kita mau pake untuk kustomisasinya.
Itu berbayar ya. Misalkan kita cari daerah saya ya. Mungkin di Jawa Barat. Ini agak lho.
Loading dulu tuh. Langsung dapet batas wilayahnya. Terus kita cari misalnya di kota Bandung ya. Bandung.
Nah ini kota Bandung. Nanti dia otomatis mengecil lagi. Terus kita cari misalnya distriknya di daerah Setiabudi.
Misalnya kita. Ada gak Setiabudi tuh? Oh Sukajadi ya.
Sukajadi. Nah ini daerah mana ya kampus saya ya? Unpas saya lupa namanya.
Sukasari. Nah ini Sukasari. Geger Kalong.
Ini dia nih Jadi udah langsung ketauan tuh Batas wilayahnya Jalan suka jadi Nah ini kampus Unpas tuh Ada disini nih Nah, jadi kita bisa langsung tau. Village, district, regency, dan province. Mantep ya. Jadi kalau teman-teman mau lihat batas wilayah dari tempat tinggal teman-teman masing-masing gitu ya. Misalnya kita bisa matikan juga nih.
Hanya pengen memunculkan kelurahannya aja nih. Kelurahan ya. Village itu kayaknya kelurahan, district itu kecamatan ya. Kalau regency, kota ya. Tuh keren banget teman-teman Ya jadi ini bisa kepake juga kalo misalkan kita butuh Cari tau area atau batas wilayah Sebuah tempat di Indonesia Ini khusus Indonesia nih kayaknya Ya jadi silahkan teman-teman boleh main-main Dengan kota-kota yang mau kalian cari Cari aja tempat tinggal kalian misalnya ada dimana coba arahkan supaya kalian tau nih batas wilayahnya dimana ya ini dibuatnya pake apa kalau kita liat penjelasannya dari Vityan ini dia bikinnya pake Next.js dengan TypeScript ya petanya tadi pake Leaflet ini tuh Ini temen-temen kalau mau pake petanya ada disini ya.
Ini javascript untuk connect ke manipulasi peta ya. Ini javascriptnya kalau mau pake. Dan petanya pake openstreet ya. Oh defaultnya memang dia pake openstreet ya. Tapi kayaknya leaflet bisa juga pake google map ya.
Hmm ya temen-temen kalau mau coba nih. Open source javascript library untuk peta interaktif. Terus dia pake tailwind dan sudcn ya.
Kayaknya untuk bikin komponen-komponen sebelah kirinya. Oh bisa light mode dark. dark mode juga tuh petanya juga langsung berubah ya jadi dari si lifelight nya udah ada juga light mode dan dark mode terus apalagi Oh ada GitHubnya jadi teman-teman boleh kunjungi GitHubnya juga ya saya biasanya untuk menyarankan buat teman-teman mengunjungi GitHubnya dan memberi Star tuh yang ngasih Star udah banyak ya silakan teman-teman cek aja link yang ada di deskripsi video ini itu dia ya jadi kiriman dari Vityan untuk bulan Maret ya terima kasih Vityan sudah mengirim projectnya sekarang kita ke bulan April project keempat teman-teman Nah ini kiriman dari user namanya Undead Brain ya.
Ini nggak ada namanya saya lihatnya. Cuman ini keren. Masih temanya masih peta. Dan masih berupa utility yang bermanfaat buat kita.
Ini untuk informasi gempa di Indonesia. Ini bagus nih. Dia ngambil datanya dari API BMKG.
Dia melakukan visualisasi. Jadi kita bisa tahu informasi gempa terakhir ada di mana. Dan kalau misalnya pas lagi ada gempa, ini ada notifnya nih di sini nih.
Jadi ini yang pernah ada titik-titik gempanya. Kalian bisa klik juga ya. Nanti keluar informasi kapan, terus magnitudenya berapa, kedalamannya berapa.
Tapi kalau mau berdasarkan histori, ini di sebelah kanan juga ada ya di sini. Terurut berdasarkan isi story. Kalau berdasarkan lokasi bisa di klik disini. Ada informasi warnanya juga.
Jadi kalau merah tuh. Magnitudenya lebih besar daripada yang kuning kayaknya ya. Oh yang kuning lebih besar ya. Atau kalau mau dites katanya bisa nih ya.
Nah. Begitu nanti ada gempa, muncul nih. Ini ada suaranya juga, tapi kayaknya nggak masuk ya. Suaranya saya mute, temen-temen boleh kalau mau cobain ya.
Nanti ini ada suaranya, suaranya cukup kenceng juga. Jadi kalau kita buka website ini misalnya di sebuah dashboard yang nyala terus. Tuh langsung ada informasinya, ada di mana nih, ada animasinya lagi, keren banget.
Sumber gempa, tapi ini nyobain aja ya, nggak beneran ada terjadi di sini. Ini kalau terjadi gempa, langsung kelihatan pusat gempanya di mana. Terus ada magnitudenya dan area yang ter... kena dampak ya. Ini bagus banget nih.
Jadi kalau misalnya di daerahnya ada comment center ya, ini bisa jadi salah satu layarnya nih. Dah, bermanfaat banget. Sekarang kita cari tahu. Ini kita refresh dulu ya, supaya suaranya tidak masuk.
Nah, sekarang kita cari tahu bikinnya pakai apa ya. Jadi Undead Brand ini, oh ternyata kurang lengkap ya. Tapi kita bisa lihat dari GitHub-nya deh.
Dia hanya bilang bahwa ini terkoneksi ke API-nya BMKG. Nah, kita bisa lihat dari sini. Next.js, ternyata dia pakai Next.js.
XJS dengan TypeScript ada di sini ya. Ada nih. Nah ini nih.
Dia pakai GeoJSON. Oh radius lingkarannya dia bikin pakai kode dari sini. Sip ya itu mantep banget. Oh bagus Indrayana namanya ya. Si Undead Brain ini.
Itu dia. Sekali lagi teman-teman kalau mau mengunjungi linknya semua ada di deskripsi video ini. Keren banget.
Bagus. Terima kasih banyak sudah ngirimin proyeknya. Ini untuk proyek bulan April.
Berikutnya kita ke bulan Mei. Di bulan Mei ada kiriman dari... Dari usernya namanya F1.8.
Ini kayak bukaan kamera ya. Namanya Haikel. Haikel Ilham Hakim.
Nah ini websitenya. Dia bikin untuk mencari data mahasiswa. Kali ini datanya ngambil dari PD Dikti.
Tapi UI-nya menurut saya lebih enak daripada di website PD Diktinya langsung. Jadi disini kita bisa mencari mahasiswa berdasarkan namanya. Dari berbagai perguruan tinggi di Indonesia.
Ya misalkan saya masukkan nama saya. Sandika gitu disini Nah nanti muncul Pernah berkuliah dimana? Historinya muncul Nah ini keren banget Kalau temen-temen pengen tau Data-data mahasiswa dari Pede Dikti ya Nah untuk teknologinya sendiri Itu menggunakan Next.js Ya Next.js 14 Menggunakan TypeScript Pellwin CSS dan SatCN React Query Jotai dan TRPC ya Ada githubnya juga, teman-teman jangan lupa dikasih star ya. Nah disini bisa lihat fiturnya.
Kita bisa cari berdasarkan name, nama, jurusan, dan perguruan tinggi. Kita bisa tampilkan juga detailnya dan detail perguruan tinggi. Cuman disini belum. bisa katanya mencari data dosen baru data mahasiswa saja ada struktur websitenya, nah ini hasilnya tadi ya, kita bisa cari, terus nanti tampil informasi dan detail mahasiswanya di bawahnya sip, ya ini tag stacknya pake apa, terus kalau Kalau teman-teman mau coba install di lokal, bisa juga kata dikasih ya. Clone, terus tinggal install PNPM, ganti ENV dan jalanin.
Oke, itu dia proyek kelima dari bulan Mei. Kiriman dari Haikel ya. Oke, langsung ke proyek ke-6. Ini untuk bulan Juni ya. Nah, ini adalah salah satu proyek favorit saya.
Kiriman dari Masurya Aditya. Ya, walaupun ini sebetulnya bukan website utility. Ini adalah website salah satu kliennya. Kebetulan Masurya ini adalah seorang web... developer yang biasanya ngerjain project-project secara freelance gitu ya dan International juga nih salah satu projectnya dan bentuknya 3D ya ini keren banget temen-temen kalau kita lihat ya tuh ada ini kok saya scroll agak berat scrollnya dibikin berat karena memang untuk memperlihatkan animasinya ini lihat nih ini semua dibikin manual full menggunakan 3JS ya jadi memang komputer yang mengaksesnya juga harus spesifikasinya lumayan ya supaya nggak nge-lag gitu nah tapi lihat teman-teman dibikinnya bagus banget ada animasi transisi ada paralaks efeknya terus ada 3D ini berputar nih kelihatan agak berat ya dan yang keren kalau kita sorot tuh ada efek cembungnya nih ini kalau kita geser terus kita sorot nih lihat nih bagus banget ya jadi full 3JS bahkan katanya HTML dan CSS nya ini hampir nggak kepake ya oh ini bagus banget nih Kalian bisa lihat fps nya disini saya 23-25 fps ya.
Mungkin kalau komputer lebih sakti lagi fps nya bisa lebih tinggi. Tapi lihat ini animasinya. Menurut saya sih keren banget ya. Ada bagian expertise jadi ada 2 halaman. Kita masuk ke bagian expertise ini juga sama ya.
Bisa scroll. Ini bisa kita klik. Terus ada informasinya.
Kalau kita scroll lagi dia kembali ke tempatnya lagi. Kalau kita klik, dia nempel gitu ya. Keren banget nih.
Ini kalau kita geser sebelahnya. Nanti dia bergeser. Tapi kalau kita scroll lagi, dia lepas dari halamannya. Dia bulat lagi tuh. Ini keren banget sih.
Nah ini saya dapetnya 60 fps nih. Kalau ini 59 sampai 60 fps. Oke, kalau balik ke home, nah baru ini yang agak beratnya nih Tapi itu dia kiriman dari Mas Surya Aditya Kalau kalian tertarik, nanti silahkan cek aja linknya yang ada di deskripsi video ini Berikutnya kita masuk ke bulan Juli Nah ini di bulan Juli nggak kalah keren ya Karena waktu itu kayaknya kita sedang rame cek kodam ya Bulan Juni dan Juli itu kayaknya kita lagi rame-ramenya demam cek kodam Nah ini kayaknya dia bikin Gacha Kodam.
Kita tinggal masukin nama kita, terus kita dikasih kodam secara random ya. Harusnya sih, saran saya waktu live streaming itu harusnya nggak random. Harusnya ada sesuatu yang bikin kita connect ke kodam itu. Sehingga pada saat kita nanti masukin nama kita lagi, kodamnya selalu sama.
Nah lihat Saya dapetnya badak tangguh katanya ya Dan ini ada juga seberapa rare hodamnya Ini common tuh berarti banyak orang yang hodamnya sama Nah kalau kita gaca lagi Masukin nama yang persis sama Nah ini tuh ganti lagi Tuh Hai gajah bijak dan rare katanya ya jadi ini bisa kalian cobain ya kalau pengen tahu kalian kodam nya apa gitu ini dibikin pakai react.js ya pakai framework next oriak spring ya react spring next js-telwin CSS dan HTML to image ada 25 kodam dengan tingkat rarity yang berbeda-beda katanya Jadi kalau mau seru sih tinggal ditambahin lagi supaya lebih banyak dan dikunci ke satu nama gitu Sip ya, ini kiriman dari Hamdan ya, Sasakaskui, nama Discordnya Sakaskui, namanya Hamdan ya. Terima kasih Hamdan sudah mengirimkan proyeknya. Berikutnya kita ke bulan Agustus teman-teman. Di bulan Agustus kita punya user namanya Habi ya, atau Ahmad Rizki Nusantara Habibi ya, dipanggilnya Habi. Nah ini keren, dia bikin sebuah website.
untuk membantu kita kalau mau wawancara kerja. Penasaran kayak gimana? Ini katanya, kita bisa tingkatkan kepercayaan diri, sukses dalam wawancara kerja. Ini kalian harus coba sendiri supaya dapet experience-nya masing-masing ya.
Tapi kalau kita coba tuh, cara pakenya gini. Jadi kita, pertama, kalau lagi cari kerja kan bisa nyari kerjanya di website-website ini ya. Misalnya kita lagi nyari di website namanya Indeed ya.
Kita lagi cari kerja, terus misalnya kita cari apa nih? Oh, ketemu. Ada full stack developer nih.
Nah, kalau kita klik kan ini ada deskripsi dan kualifikasi. Harusnya sih ada tiga ya. Biasanya dia tuh ada deskripsi requirement ya.
Karena kita butuh tiga nih. Deskripsi, tanggung jawab, persyaratan. Mungkin kita bisa bagi aja jadi tiga ya. Misalkan saya ambil yang ini nih. Full stack developer.
Ini misalkan deskripsinya saya ambil dua. Gini. Saya taruh di sini. Tanggung jawabnya saya ambil sisanya.
Taruh disini. Dan persyaratannya saya simpen dari kualifikasinya. Nih. Ya. Nah habis ini.
Kita pilih itu pekerjaannya apa. Tadi kan pekerjaannya full stack ya. Berarti kan. Software engineer lah.
Oke ya. Jadi kalian sesuaikan dulu pekerjaannya apa. Atau bisa kalian pilih custom.
Tapi kalau udah pasti ya. Software engineer aja ya. Nah terus kalau sudah. Kalian klik mulai wawancara.
Nanti akan ada AI yang bakalan ngajak ngobrol kita. Nah ini jadi kalau misalkan kita klik microphone ini, nanti dia, browsernya akan minta permission supaya allow microphone. Kalian siapin microphone atau ngomong lewat microphone laptop atau komputer. Terus jawab pertanyaan ini. Nah jadi kalian tinggal klik aja tombol microphone.
Ya nanti pastikan di allow dulu di browsernya. Boleh menggunakan microphone. Terus kalian jawab aja seolah-olah kalian sedang menjawab pertanyaan interview. Nanti lihat aja ada feedback dan jawaban dari AI-nya. Ya menurut saya ini cukup membahas.
membantu untuk simulasi wawancara lah kita jadi teman-teman bisa pakai ini sekali lagi waknama websitenya arti wawancara ya kiriman dari habinya mantap habi Terima kasih banyak sudah mengirimkan projectnya ya oke sekarang kita masuk ke bulan terakhir ya ini bulan September ini berarti project ke-9 ini kita punya kiriman dari si Bagud ya Ini menarik nih Mungkin kalian juga udah pernah tau ya Jadi ini adalah Projeknya namanya GitHub Profile Roasting Ada di roastgithub.vercel.app Nih katanya Siapkan mental anda Sebelum menekan tombol submit Semua respon Digenerate oleh AI Bisa saja respon yang diberikan Sangat menyinggung anda Katanya Jadi dia akan ngeroasting Abis-abisan Profile GitHub kita ya Jadi punya saya aja nih Saya punya profile GitHub Dia akan ngecek Semua repok kita Yang ada di dalam sini Terus dia akan Ngeroasting ya Kita bisa pilih Mau yang ngeroasting ngerostingnya tuh siapa dan pakai bahasa apa. Misalkan pakai bahasa Indonesia terus yang mau ngerostingnya tuh apakah Gemini atau Lama ya. Nah kita pakai Gemini aja Kita tinggal masukin username-nya Ya ini siap-siap ya.
Kalian tinggal masukin username GitHub kalian terus pencet tombol submit. Nanti dia akan menyiapkan kata-kata terbaiknya untuk ngatain profile kita ya mari kita baca teman-teman wih si Sandika Gali katanya ya founder web programming unpas yang ngaku lecturer di unpas followernya banyak sih tapi reponya kebanyakan buat tugas mahasiswa aja kayaknya yang ngasih bintang ke reponya mungkin mahasiswanya lagi oh mungkin mahasiswa yang lagi ngerjain tugas atau temen-temen se-unpas 80 repo tapi yang bener-bener bermanfaat cuma beberapa. Yang lain nggak jelas katanya.
Kebanyakan proyek random cuma diupdate doang. Ngaku founder tapi bionya cuma 2 baris doang. Kekurangan bahan nih katanya. Tapi tuh men dia nggak sekasar biasanya. Biasanya brutal banget ya.
Coba kita ganti ya. Kita pake yang Grok AI. Kalian kalau mau coba silahkan.
Atau mau kurang galak bisa di-submit ulang ya. Coba kalau pake si lama dia gimana? Oh kalau ini baku banget ya. perkataannya dari silam.
Sani Kagali namanya yang cukup besar di dunia programming Indonesia katanya. Tapi apa yang membuat kamu besar? Apakah itu karena memiliki lebih dari 15 ribu pengikut GitHub? Atau karena kamu memiliki 80 repository yang tidak ada gunanya? Kamu menyebut diri sebagai pendiri channel YouTube web programming unpassed, tapi apa yang kamu ajarkan di channel itu katanya?
Apakah itu cara membuat kode yang tidak bisa dibaca oleh orang lain? Atau mungkin cara membuat desain yang tidak estetis? Kamu juga menyebut diri sebagai dosen di universitas. Pasuan Bandung, tapi apa yang kamu ajarkan di kelas? Wah ini lebih galak sih, cuman kata-katanya Terlalu baku ya, jadi kayak Diomelin siapa ya?
Apakah itu cara membuat mahasiswa yang tidak mau belajar? Oh, membuat mahasiswa yang tidak mau belajar Atau mungkin cara membuat mereka menjadi Seperti kamu, yaitu tidak bisa membuat Kode yang baik, aduh ini kalau Kalimatnya lebih casual, ini lebih nyelekit sih Woy, silahkan temen-temen Kalau mau coba ya, tapi saya penasaran Coba sekali lagi deh, Gemini ya Sama nggak? Woy, ini lebih singkat ya Nih, kalau ini kan lebih santai ya, kata-kata Coba deh lihat lagi GitHubnya Reponya banyak, followernya lumayan Tapi dia tau kalo kita minta lagi ya Tapi kok reponya kebanyakan proyek kuliah Beneran dia founder Youtube Atau cuma sekedar konten buat dapet tweet dari mahasiswa Repo-nya sih lebih mirip tugas daripada proyek nyata katanya.
Apa dia cuma ngasih proyek kuliah ke mahasiswanya terus di-upload ke GitHub buat pamer? Astagfirullah. Ada astagfirullah-nya loh. Kok nggak ada proyek keren-keren? sih nah ya silakan kalau misalkan kalian mau juga profile kita beri roasting ya boleh dipakai cuman hati-hati eh tapi kayaknya dia udah ngebatasin sih sekarang sebelumnya ini karena sering banget dipakai atau banyak banget yang pakai tagihan versel dia jebol katanya cuma sekarang Udah dibatesin Supaya gak jebol lagi Ya itu dia kiriman dari si Bagut Untuk bulan September Dan ini bulan terakhir sebetulnya ya Tapi supaya genap Kita bikin 10 proyek Kita bulan September kasih 2 aja ya Nah di bulan September juga Ada kiriman dari Irfan Sandika Ini namanya sama sama saya ya Dia bikin sebuah website Untuk shorten URL Memendekkan link Jadi kalau kalian punya link Yang panjang mau dipendekin Itu bisa pake website-nya Punyanya Irfan ya Dan ini gratis Tinggal masukin aja URL kalian Misalnya kalian punya Instagram gitu ya www.instagram.com Atau apapun lah ya Sandika Gali Mau dipendekin Misalkan IG Sandika gitu Enaknya ini bisa custom IG Sandika Kalau kita klik shorten Tuh langsung dapet ya Dikasih shorten URLnya Ini kita tinggal Masukin Terus nanti akan nge-link Ke Harusnya ke Instagram saya Nah itu ya masuk ya jadi langsung masuk ke Instagram jadi kalau mau coba silahkan kalian bisa bergabung juga ini saya udah login ya kalian bisa sign up supaya kalian bisa nge-track short term url apa saja yang udah pernah kalian bikin terus juga Kalian bisa cari tau analyticsnya Udah berapa kali di klik Udah berapa kali orang ngunjungin gitu ya Ini keren banget Kiriman dari Irfan Sandika Bikinnya pake apa?
Ini bikinnya pake Next.js juga ya Next.js, TypeScript, Tailwind CSS, SADCN, dan NextUI Databasenya pake Firebase katanya Ada GitHubnya juga ya Nanti kalian tinggal kunjungin aja Untuk kasih star buat repo-nya Irfan Itu dia jadi Project ke-10 kita punyanya Irfan ya. Oke teman-teman, jadi itu dia 9 plus 1 ya, atau 10 project. Pilihan saya yang menurut saya paling unik, paling bermanfaat di setiap bulannya. Sekali lagi ini bukan urutan ya, bukan mana yang paling baik, tapi ini menurut saya yang paling unik aja, yang paling bermanfaat di setiap bulannya dari bulan Januari sampai September. Nah gimana menurut kalian?
Apakah projectnya keren-keren? Atau menurut kalian yang paling keren yang mana? Silahkan boleh tulis aja di kolom komentar di bawah.
Sekali lagi kalau ada project yang menurut kalian keren Waktu live stream tapi gak masuk Gak usah khawatir Nanti mungkin saya akan buatkan lagi video terpisah Untuk kategori yang berbeda ya Misalnya nanti saya mau bikin Satu video tuh isinya 10 portfolio paling keren gitu misalnya Atau 10 game paling keren Yang pernah kalian kirimin ke showcase project Projectnya Discord WPU. Atau kalian panas nih pengen juga project kalian masuk ke dalam Hall of Fame atau masuk ke dalam project showcase-nya Discord WPU. Ya langsung aja gabung ke Discord-nya WPU.
Nanti linknya bisa cek di deskripsi atau kalian langsung join aja di discord.gg.wpu. Nanti di dalamnya ada channel namanya Project Showcase. Kirimin project kalian ke situ.
Kita akan showcase menurut antriannya setiap minggunya 10 projek Jadi jangan lupa join dulu ke discordnya Karena selain bisa kirimin projek Kalian juga bisa ngobrol dan diskusi bersama teman-teman warga WPU lainnya ya. Kita sebutnya warga WPU atau pasukan titik koma lainnya. Dan sebelum saya akhiri, kembali saya mau ucapin terima kasih kepada Hostinger yang udah sponsorin video kita kali ini. Jadi sekali lagi buat kalian yang pengen cari-cari web hosting buat nyimpen proyek-proyek keren kalian, jangan ragu untuk gunakan Hostinger sebagai penyedia layanan hostingnya.
Karena selain fiturnya lengkap, Hostinger juga aman cepat. cepat dan juga handal ya cek semua linknya di deskripsi video ini beserta informasi mengenai diskon dan kode kuponnya sekali gitu aja teman-teman untuk video kita kali ini mudah-mudahan teman-teman suka dan mudah-mudahan bermanfaat serta memberi motivasi dan inspirasi buat kalian Terima kasih udah nonton kita ketemu lagi di video berikutnya saya sering kali pamit dan seperti biasa teman-teman jangan lupa titik komentar