Skip to content
/ project-kalian Public
forked from sandhikagalih/project-kalian

Menyimpan daftar Project Kalian yang sudah disubmit di Discord

1 star 196 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

xrafffcode/project-kalian

BranchesTags
ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

91 Commits
README.md
README.md
ย 
ย 

Repository files navigation

project-kalian

Menyimpan daftar Project Kalian yang sudah disubmit di Discord

Setiap minggunya akan ditampilkan kurang lebih 10 project silahkan saksikan di twitch.tv/sandhikagalih setiap hari Sabtu, pukul 14.00WIB (jika tidak ada perubahan :p)

31 Oktober 2020

  1. [https://www.behance.net/gallery/106269543/About-Banking-Mobile-App]
    Meiske
    Mobile Banking App
    [https://www.behance.net/gallery/106502227/About-Money-Lovers-App]
    Money Lovers App

  2. [https://whatsy.now.sh/]
    burhanahmed
    Stacks: React + ChakraUI

  3. [http://japannest.glitch.me/]
    Kyo
    masih baru bljr, web statis... single page, hasil bljr dari wpu

  4. [https://dbyjar.com/]
    CookieJar
    bisa dikepoin yaa, web personal yg masih sederhana karna static, semoga bisa berkembang aamiin

  5. [http://www.indoskuat.net/]
    Asada
    Hanya sekedar Landing Page untuk server Minecraft ku yang pakai php dengan API libquerypm, html & css biasa aja.

  6. [https://github.com/raisoturu/eliza-line-chatbot]
    iCE
    Implementasi "ELIZA" yang katanya chatbot pertama menggunakan python+flask+line-sdk-python Dictionary/Rule based AI wkw... konsepnya, if user ngirim message yang ada di rule(regex/pattern) maka respon sesuai rulenya.

  7. [https://mikeultron.github.io/]
    Mikeul
    Web Portfolio aku(Update on progress) masih static. Kedepannya mau dibikin dinamis.

  8. [https://fthrobby.github.io/]
    Uzumaki Bayu

  9. [https://gunawanahmad.github.io/]
    GunOne

  10. [https://sumbar-pedia.com/]
    Hehe. Belajar 7 bulan dh bisa bikin kek gini. Dibuat pake CodeIgniter. Hasil buat 2 minggu. Pake bootstrap, jQuery

5 November 2020

  1. [https://mabakampus.com/]
    Nico F
    Ijin share, Terimakasih Kak, setelah belajar tentang CI dll saya bisa bikin start up sendiri hehe. Thanks video2 nya Pak sandhika

  2. [https://ayoboga.com/]
    randynetworks
    Website belajar Jasa boga bahasa indonesia Technologi : Pakai Laravel 7 + bootstrap 4 Fitur : Forum Diskusi, bisa buat resep juga [https://covid19.ayoboga.com/national] [https://randynetworks.club/]

  3. [http://belanja.freecluster.eu/]
    bkembara
    Bahasa yang digunakan : PHP Native + bootstrap 4

  4. [https://satrianet.com/]
    SATRIA
    ngikut ahhh.. Jadi ceritanya dulu waktu baru lulus smp dan masih ada waktu-waktu luang gitu, nonton-nonton video pak @sandhikagalih yang membuat landing page dan saya coba ulik ulik dan belajar, saya coba praktikan dan al hasil ini https://satrianet.com/ maaf masih banyak kurang-kurangnya karna itu pun saya cuma untuk iseng-iseng hehe, itung-itung nambah ilmu di saat waktu luang

  5. [https://aldirvn.github.io/]
    Kazu1chi
    Desc: web simple menampilkan informasi yang data-datanya didapat dari API gratis. Language: HTML, CSS, JS Framework: MVP.css (CSS) Images: undraw.co Contents: API

  6. [https://indoit.net/]
    sellayun
    Bahasa pemograman yang digunakan: Python masih belajar dan dalam tahap pengembangan bersama tim

  7. [https://onecirclesoftware.com/]
    ochobot_28
    pak review dong kira kira kurangnya apa yaa, pakai bootstrap

  8. [https://npwpbywarkim.netlify.app/]
    warkimalhakim
    Adalah sebuah alat untuk membuat secara acak (generate) Nomor Pokok Wajib Pajak (NPWP) dan fungsi Validasi NPWP

  9. [https://sekilas13.github.io/]
    reacto_mecha
    Bahasanya JavaScript Framework front end nya React Sebenernya ini saya ga disuruh sama eskul, cuma karena dirumah terus banyak waktu ya udah bikin bikin, minta gambar ke temen dan akhirnya jadi

14 November 2020

  1. [https://resir014.xyz/]
    resir014
    Yang dari kemarin WIP akhirnya jadi: rewrite website pribadi ke Next.js Ada design system juga disini [https://resir014.xyz/design]

  2. [https://royalkaraokebar.com/]
    poteto
    Pagi semua saya satrio kusuma tolong di cek teman2 mungkin ada yang kurang dari website Company Profile saya, Saya gunakan laravel dan sass mohon dicek tmn2 terimakasih

  3. [https://cv-rizky.web.app/]
    andi
    Ini bukan project klien sih cuman jadi tugas akhir saya di UNMAHA ini teknologi yang digunakan ReactJS, sama CodeIgniter versi 4

  4. [https://infoin.org/]
    Ariqh11
    Izin share hasil project saya dan temen-temen.

    Nama project yang kami buat adalah Info.In. Info.In adalah website untuk menginformasikan tentang COVID-19 dan bertujuan untuk memberi bantuan sosial ke masyarakat Indonesia yang membutuhkan.

    Teknologi : Vue Js + Laravel

    Waktu Pengerjaan / Pembuatan : ยฑ 3 Minggu

  5. [https://rian-wahid.github.io/]
    rianwahid
    web portofolio sederhana Waktu pengerjaan 1hr

  6. [https://pandemic-era.vercel.app/pages/beranda.html]
    pindev
    Halo semua perkenalkan nama ku apin dari Surabaya SMK jurusan TKJ, mau share hasil lomba design web informasi dan edukasi covid-19 waktu pengerjaan 2 Minggu

    Untuk animasi nya saya menggunakan format svg lalu saya animasi dengan CSS.

    Kritik dan sarannya teman" semua terimakasih

  7. [https://satyawikananda.tech/]
    Satya
    Mau ikutan ngeshare, website portfolio yang saya bikin dengan menggunakan Nuxt js dan tailwind CSS, dan dihosting dengan bantuan Vercel yang sudah dihubungkan dengan domain pribadi saya

  8. [https://codestronaut.github.io/]
    Aditya Rohman
    Halo semuanya, nama saya Aditya Rohman. Mau izin share website portfolio yang baru saya buat 2 minggu yang lalu. Websitenya menampilkan profil singkat, skill, app portfolio dan design portfolio. Kemudian ada juga section sertifikat.

  9. [https://hudadamar21.github.io/code-highlighter/]
    izin share project dari submission webinar vuejs Himit x Dana. yaitu webapp code highligter mirip2 carbon now sh ๐Ÿ˜ project ini menggunakan Vuejs dan Tailwindcss

  10. [https://christmex.github.io/]
    christmex
    Pagi gan wkwkw, kepagian, mauu izin share hasil design web portfolio saya, designnya pake figma, dan skrng udah onlen, kritik dan saran diterima, terima kasih

  11. [http://agusbeee.rf.gd/]
    Beeeee Halo smua, saya agus rukanda, izin share web portfolio saya yang menampilkan profile singkat serta skill yang saya miliki

28 November 2020

  1. [https://elanghda.000webhostapp.com/]
    elanghda
    Hallo semuanya , saya elang Mansyur Huda, izin share web sederhana portofolio pertama kali saya bikin dan hasil belajar html CSS di channel Web programming unpas

  2. [https://bouncer.studiocloud.site/]
    [https://play.google.com/store/apps/details?id=site.studiocloud.bouncer] Ya'suf Dany
    Halo semua salam kenal, mau share web game pake flutter hehe

  3. [https://maba.my.id/]
    kewcode
    Halo saya Ari Bahtiar , saya membuat website maba.my.id bisa Juga di download di play store namanya aplikasi maba, ini Sosial Media seperti Twitter, blm terkenal sih soalnya masih baru,saya Juga pengen dapet Kritik dan sarannya.. terimakasih :)

    Teknologi yang digunakan : Nuxt Js, Laravel Api, Express Js, Socket Io dan Webrtc :)

    Frond end ya pakai Tailwind Css, untuk dark theme dan custom color it CSS biasa.. :)

    Icon pakai Bootstrap Icon

    Untuk fitur :

    1. Bisa posting pribadi, foto / text / audio
    2. Bisa Posting sebagai Anonim
    3. Fitur group
    4. Membuat acara dan otomatis dibikin group chat nya
    5. Chatting / DM user
    6. Fitur FYP / Trending Postingan
    7. Fitur buat chattingan sebagai anonim
    8. Masih dikembangin :) kalau fiturnya kebanyakan juga malah jadi ribet sih

    Saya bikin aplikasi sendiri selama 3 bulan :v kali aja ada yang mau bantu ngembangin atau kerjasam bikin startup lain .. hehe saya subriber wpu dari smk udah lama , terimakasih Pak dika

  4. [https://evoting-school.spektaweb.com/]
    Yuda
    Hallo teman2 .. ini project laravel yang sedang saya kembangkan, yaitu E-voting Demo nya bisa di lihat disini ya

  5. [http://host.hartonomotor.xyz/quiz]
    Anonymous
    halo teman-teman, saya sedang belajar membuat quiz online realtime seperti Kahoot, Teman-teman bisa coba membuat quiz sendiri di sana dan juga bisa bermain langsung dengan teman-teman kalian

    untuk Front-End saya menggunakan: -Bootstrap 4 -HTML & CSS & JS -Jquery untuk Back-End saya menggunakan: -PHP -Node Js (websocket) -MySQL link hanya bisa diakses jam 9.00 sampai 23.00 dikarenakan saya host sendiri.

    masih dalam tahap pengembangan. Mohon kritik dan saran thx

  6. [https://doddyapa.github.io/]
    Doddy
    Halo teman-teman, ijin share hasil personal website saya. Personal website ini dibuat menggunakan react js (styled components) mohon kritik dan sarannya jika ada yang kurang. Terimakasih sebelumnya

  7. [https://www.dedeard.my.id/]
    dedeardiansya
    Halo semua, aku punya design portfolio dengan tema glitch nihh.. kira kira bagai mana mnurut kalian, portfolio ini aku buat dengan menghunakan p5.js (webgl). source codenya boleh cek github aku dedeardiansya/dedeard.my.id (link github ada di dalam web portfolio).

  8. [https://dindatiwi.github.io/STMTawor/]
    tiwi
    Halo guys, Aku mau share project kecil-kecilan untuk belajar OOP javascript

  9. [https://photosheets.web.app/]
    Naveta Candra
    Halo teman teman, aku mau share project iseng yg ceritany mau clone facebook ( walau gk mirip sih:sweat_smile:) Jadi aku bikinnya make :

    • React JS,
    • Bootstrap 4 (CSS only),
    • Bootsrap 5 (Js only) karena mau nyoba gk pake JQuery ceritanya,
    • Firebase (Auth, Realtime database, Storage, dan Hosting)

  10. [https://intermovie-1f6e3.web.app/] [https://github.com/bagasnur/Intermovie] Exagas
    Jadi, saya buatnya pakai Framework ReactJs sama Ant-Design Untuk fitur nya sendiri yaitu:

  • Rekomendasi Film dengan rating tertinggi
  • Fitur Search film
  • Detail Film
  • Kategori Walau masih terbilang kurang bagus, tapi masih progress menuju bagus

  1. [https://github.com/mpampamdev/m-code] mpampamdev
    halo semuanya. saya baru saja selesaikan admin panel dan tools crud generator menggunakan framework codeigniter 3.

    M-CRUD Generator manage user manage group manage permission RBAC manage menu setting system ajax crud Serverside datatable Bulilt in PHP V.7.4

  2. [https://semuatau.net/] nothing02
    Halo, saya membuat website sederhana. Sebenarnya saya minder, lihat hasil teman teman yang sangat bagus,,,oleh karena itu saya ingin memiinta saran dari teman teman.

    Saya buat menggunakan ci4+bootstrap

  3. [https://haizim.one/iseng/trend-history/analytics] haizim
    Hai.. ijin bagiin projek coba2 saya.. ini niatnya mau bikin ala-ala Drone Emprit tapi basisnya web. Jadi buat pemrosesan datanya pakai PHP kemudian untuk diagram2nya saya pakai:

    • line : chart.js
    • wordcloud : amcharts
    • network : vis.js

    datanya tweet diambil secara berkala setiap satu menit sekali tiap keywordnya. Sedangkan untuk trending topic diambil tiap setengah jam sekali.

    kekurangnnya adlah saat menampilkan wordcloud dan network diagramnya lama, dikarenakan banyaknya jumlah data yang dirender

  4. [https://haikalfikri.com/pilkasis] haikalfiikrii
    Assalamualaikum wr wb slamat malam, saya mau menunjukan hasil project saya dari 6 bulan yang lalu pas awal awal terjangkitnya virus corona, yaitu web pemilihan osis situs web ini dapat mengumpulkan hak suara siswa dan guru.

    saya membangun project ini menggunakan PHP, tolong masukkannya jika ada bug atau fitur fitur yang kurang yang dianggap pnting

  5. [https://bocahgabut.github.io/colordetections] boch_gabut
    Assalamualaikum wr wb Halo semuanya..... Ijin bagiin project iseng saya. Jadi project ini adalah website untuk mengetahui warna dari sebuah object menggunakan camera atau webcam laptop atau sejenisnya. Website ini saya buat menggunakan Reactjs

5 Desember 2020

  1. [https://mziaulhaq.com/]
    elanghda
    assalamualaikum pak Sandika dan semuanya.. ceritanya malam kemarin saya iseng telusuri github untuk kepoin landing page orang-orang, lalu saya jumpa dengan landing page ini https://sroberts.io/, saya tertarik dan mencoba membuat yang serupa. memanfaatkan template zinzer (basis bootstrap 4) yang saya punyai dan menggunakan moving letters dari https://tobiasahlin.com/moving-letters/ untuk animasi pada tampilan nama, pengerjaannya sekesai dalam semalam.

    sarannya pak Sandika dan semuanya, apa yang harus diperbaiki lagi, dan sekalian saya bisa menggunakan teknologi apa ya pak (selain wordpress) utk membuat blog yang memanfaatkan template yang sudah ada ini, biar sekilas mirip dengan https://sroberts.io/blog/ ataupun https://pulo.dev/.

    terimakasih banyak.

  2. [https://play.google.com/store/apps/details?id=com.ajailani.casher]
    Ajailani
    Halo semua, saya mau share project aplikasi Android saya. Beberapa fitur memang belum saya buat. Untuk source codenya bisa lihat di sini https://github.com/ajailani4/casher-android . Terimakasih

  3. [https://covid19tracker-fdc17.web.app/]
    Rambe
    Halo semuanya, Saya membuat project yang menampilkan data Covid-19 di Indonesia secara nasional dan setiap provinsi.

    Dibuat menggunakan :

    • HTML
    • CSS
    • JavaScript
    • Bootstrap

  4. [https://calcall.netlify.app/]
    Wahyu.All
    Izin share project kecil-kecilan. Fitur: โ€ข Kalkulator (seperti biasa) โ€ข Konversi Mata Uang โ€ข Konversi Suhu โ€ข Konversi Sistem Bilangan

    Dibuat menggunakan HTML, CSS, JavaScript, dan sedikit jQuery Mohon maaf kalo ada bug Disarankan menggunakan hp

  5. [http://andibahtiar.epizy.com/]
    Andi Bahtiar
    Assalamu'alaikum pak Sandika dan semuanya pagi, Mohon maaf izin share project saya bisa di sebut jga web pribadi atau portfolio, mohon maaf saya masih pemula dan saya ucapkan terimakasih kepada pak Sandika atas ilmu pemprograman nya

    [http://andibahtiar.epizy.com/]

    Dibuat menggunakan HTML,CSS,Bootstrap 4, dan Javascript

  6. [https://p34c3-khyrein.linuxploit.com/covid/]
    P34C3_KHYREIN
    izin share ulang pak @sandhikagalih [Clone Tech] ~ Website Monitor & Implant Biology Chip with Demonstration Device Peragaan On YouTube: https://youtu.be/YkRimr85FjU?t=1274

    Tech:

    • menggunakan TTS (Text To Speech) [boleh dicoba di console nya ketik: tts('hello world') ]
    • Chip Reader Demonstration Device yang sudah terkoneksi dengan website (lihat di peragaan YouTube menit ke 15:26)
    • Information Gathering Display (Website) from implant biology chip (future) (peragaan ada di youtube menit ke 21:14)
    • REST-API from Arduino / NodeMCU board to Database
    • IoT Technology (penjelasan ada di youtube menit ke 01:00)
    • Support CCTV Camera & GPS base station (future)

  7. [https://cdn.discordapp.com/attachments/758600947692732436/782862694851936266/e-commerce.jpg]
    synx-
    Tools : Figma and remove.bg

    Fonts : Open sans,Source Code Pro,Advent Pro,Arial.

    coba iseng-iseng desain web olshop , itu ada foto sepatu setengah di bawah maksudnya nanti kalo di implementasi ke code ada transisi scroll foto sepatunya, kritik dan sarannya bisa langung reply post-an ini

  8. [https://demo-vote.netlify.app/]
    Hendra Agil
    Izin share project E-Voting

    • 1 user hanya bisa vote 1 kali
    • Unique username

    Dibuat dengan:

    • ReactJS
    • TailwindCSS
    • ExpressJS
    • Node.js
    • MongoDB

    Link repository: [https://github.com/hendraaagil/vote-server] [https://github.com/hendraaagil/vote-client]

  9. [https://arrahgallery.netlify.app/]
    Arif Rahman
    Hallo semuanya, selamat malam. Izin share web portofolio ya. Dibuatnya pake VueJs, tampilan dan animasi rata-rata pake CSS + JS kecuali dibagian skill pake library "kinesis-element".

    Kritik atau saran akan sangat membantu, Terimakasih.

  10. [https://ilham25.github.io/]
    Aoi~
    Share web portfolio saya di github, bikinnya cmn pake html css(sass) js dasar, rencana pengen tambahin animasi pake gsap

12 Desember 2020

  1. [https://ngotes.netlify.app/]
    dafiul haq
    Izin share project note-taking website gann, mirip2 Google Keep lah [https://github.com/dafiulh/ngotes]

    Dibuat pake:

    • AlpineJS
    • TailwindCSS
    • Parcel
    • MongoDB
    • Netlify Identity

  2. [https://github.com/skymunn/Discord-Template]
    Munn
    Izin share template bot Discord yang masih gua maintain sampai sekarang. Bahasa yang digunakan itu ialah TypeScript + StandardJS Lint.

    Di dalam templatenya sudah tersedia example command, jest testing, bahkan database migration (makasih untuk Sequelizer untuk masalah ini)

  3. [http://singgiproject.xyz/]
    singgimokodompit
    Assalamu'alaikum Izin Share Project Web Landing Page + Admin Panel

    Keterangan Web : Jadi ceritanya, karena saya berbisnis di vtube, jadi saya coba membuat web dinamis sederhana untuk merekrut member2 vtube. Website ini saya sendiri yang buat/Native, dan tanpa Framework.

    Web yang saya buat hanya menggunakan Html, Css, Php.

    Dan web ini udah di lengkapi dengan halaman ADMIN Teman Bisa coba cek fitur2 di halaman ADMIN dengan mengakses di http://singgiproject.xyz/admin

    Untuk loginnya masukin aja ya Username : singgimokodompit Password : admin123!@#

    Saya bisa membuat website seperti ini real belajar dari channel Web Programming Unpas. Terimakasih pak atas ilmu yang diberikan selama ini

  4. [https://convert-satuan.vercel.app/]
    YehezkielGunawan
    Iseng bikin converter satuan (suhu, kecepatan, waktu dan berat) pake Next JS dan Chakra UI. Enak banget Next JS, routing bawaannya ngebantu banget jd gk repot install2 react router lagi

  5. [https://hanifz.com/]
    hanif
    dibuat menggunakan laravel 8 (untuk sender email doang wkwk), frontendnya tailwindcss + purgecss (supaya load webnya ringan). saran & komentar kawan2 sangat diharapkan ๐Ÿ™

  6. [https://wibucode.com/]
    Andre Rio
    Hy izin share project website yang masih dalam tahap pengembangan, di buat dengan menggunakan boostrap versi4

  7. [https://next-landing-vpn.vercel.app/]
    Cynux
    Hello Guys, finishing build Apps Landingpage using TailwindCSS and NextJS. Choose to make it open source. You can see demo in here [https://next-landing-vpn.vercel.app/] and code in github here [https://github.com/naufaldi/next-landing-vpn]

  8. [https://github.com/rushkii/maid_manga_id]
    Kee
    Iseng-iseng scrapping web menggunakan BeautifulSoup Python dan dijadikan API

  9. [http://ariefsn.my.id/]
    ayic
    nyoba share buat nambah temen

  10. [https://www.ajarbelajar.com/]
    dedeardiansya
    Halo semuanya aku ada web kecil-kecilan nihh. sebenranya inituh project aku bulan lalu tapi aku posting disini sekarang buat minta pendapat teman-teman semua karna webnya lagi mau update sekalian ikutan showcase-project hehehe. siapa tau ada pendapat atau saran dari teman-teman semua, apa yang perlu aku update.

    website ini aku buat menggunakan:

    • vue.js (Nuxt.js)
    • Laravel

19 Desember 2020

  1. [https://mnhjddn.github.io/work.html?code=layout-builder]
    mnhjddn
    Halo semuanya..

    Ijin share layout builder sederhama mas/mba sekalian. Saya buat pakai javascript, bootstrap, fontawesome. Untuk live demo bisa dilihat di sini:

  2. [https://skytours.netlify.app/]
    ! .Ariq Jusuf
    Halo semuanya. Ijin share Progressive Web App saya, ini adalah hasil project travel agency from scratch yang telah diikutsertakan di Itexpo UNJ 2020.

    Bagi yang ingin memakai endpoint dari Rest API yang telah kami buat, ini link-nya : [https://peaceful-river-55348.herokuapp.com/]

  3. [https://e-learning-frontend.tegar.me/]
    tegar akmal
    Halo semuanya. Ijin share Aplikasi e-learning hasil dari tugas sekolah ,Aplikasi ini mirip sekali alurnya seperti google class,di web itu ada fitur basis basic dari e-learning seperti join kelas , buat kelas, buat pengumuman , buat tugas,komentar,kumpulkan tugas,nilai tugas,dll. web ini dibuat dengan teknologi -React js -Apollo -Material ui -Express js -Graphql -Typescript -Typegraphql -mongodb -dll

    Source Code : [https://github.com/tegar97/e-learning]

  4. [https://weneeddev.netlify.app/]
    Edwin Tantawi
    Hallo Teman teman Izin Share Project saya berupa UI Web (company web).

    Tools: Figma Web: Html,Css,Js,Bootstrap,Sass

    Terimakasih atas kesempatannya

    Bagi teman teman yang mau source UI design, Icons, Image nya untuk latihan boleh di ambil di : [https://github.com/edwintantawi/FrontendPack-weneeddev]

  5. [https://bitxtchatanalyzer.tibudiyanto.repl.co/]
    tibudiyanto
    Ngitung jumlah tanda tanya dari exportan whatsapp. Kalo tanda tanya doi lebih dikit berarti ...... isi sndiri :)

    Code : [https://repl.it/@tibudiyanto/BitxtChatAnalyzer#main.py] Library: [https://github.com/gitfarhan/chat_analytics]

  6. [https://play.google.com/store/apps/details?id=site.studiocloud.appcraft]
    Ya'suf Dany
    Cobain guys, ini tools buat bangun UI Flutter tanpa coding, penggunaannya masih susah sih, masih perlu feedback buat lebih gampang soalnya masih harus paham basic widget tree di flutter

  7. [https://play.google.com/store/apps/details?id=site.studiocloud.appcraft]
    ๐‘€๐’พ๐“€๐“Š ๐’ฉ๐’ถ๐“€๐’ถ๐“ƒ๐‘œ
    izin share project blog. Blog Pribadi dengan menggunakan teknologi Headless-cms Backend : Strapi Frontend : GatsbyJs

  8. [http://if.undiksha.ac.id/]
    jeprikusuma_
    Halo temen temen, izin share projek kita dari tim development HMJ TI Undiksha. Ini halaman guestnya itu kita buat sambil nonton tutorial pak galih

    Untuk webnya sendiri dibuat dari CI 3, Bootstrap, Vanilla Js. Disana sudah ada 3 sistem dan masih ada beberapa sistem yang belum dibuat. Btw kita ngadain event nasional buat IT juga lo, bisa di cek di sanaa. Terimakasih ilmunya Pak Galih dan semoga sukses semua

  9. [https://watchinema.web.app/]
    panacea
    Halo guys, izin share project pribadi, siapatau bermanfaat

    Nama project : Watchinema Platform : Website Tech Stack : Vue, Firebase Description : Watchinema adalah platform hiburan yang menyajikan berbagai data film-film yang diambil dari TMDB API, dapat menampilkan detail sebuah film, fitur yang disediakan, pada website dapat melihat trailer sebuah film, dan memfavoritkan filmnya seperti wishlist yang akan ditonton nantinya

  10. [https://ayoshop.ayoboga.com/]
    randynetworks
    Website Front-end E-Commerce Temanya, simple Responsive dan Elegant Dibuat menggunakan full Bootstrap versi 4.5 Udah Progressive Web App alias PWA, Pake Javascript Vanilla

26 Desember 2020

  1. [http://thandoko.epizy.com/]
    thandoko17
    Izin share min web portfolio ane :

    saya menggunakan bootstrap v4 terimakasih

  2. [https://mnhjddn.github.io/work.html?code=layout-builder]
    Andre Rio
    Landing page - Pokemons

  3. [https://zulkamaula.github.io/]
    Zulkariski Mauladi
    Halo, izin share web portfolio sederhana hasil pembelajaran dari channel youtube WPU :slight_smile:

    Keterangan Web :

    • Web portfolio ZRM V.01 (nama web)
    • Didalam section Work terdapat beberapa tampilan project eksplore hasil belajar dari WPU
    • Based on static website
    • Responsive untuk berbagai ukuran layar digital (Dekstop, Tablet & Mobile)
    • Teknologi yg digunakan HTML5, CSS3 & Javascript
    • Di buat menggunakan bantuan framework MaterializeCSS
    • Refferensi Brittany Chang web portfolio V.1

  4. [https://danoobboii.github.io/]
    Handsome_Hanz
    Helo Izin bagi project portofolio ini di buat pake CSS doang, untuk JS aku pake framework type.js aku ga bisa JS makanya banyak contekan hehe....

    untuk yang lain2 aku kerjain sendiri

  5. [http://syahrulramadhan.epizy.com/]
    syahrul
    lagi coba coba buat portofolio nih gimana menurut pendapat kalian guyss Apa aja yg kurang

  6. [https://azharizkita.github.io/]
    Credibility
    Aplikasi monitoring covid 19. Studi kasus menggunakan array sort dan pagination filter. Dibuat pakai reactjs

  7. [https://muhammadzulfa.github.io/]
    muhammadzulfa
    Halo semua. Mau izin share web portfolio dibuat dengan Bootstrap dan library Particle js source : [https://github.com/muhammadzulfa/muhammadzulfa.github.io]

  8. [https://spacesal.github.io/screen/]
    SpaceSal
    ikut showcase project juga ah.., hasil belajar front-end web dari dicoding kemarin (program prakerja)

  9. [https://parawisely.netlify.app/]
    Syaufy
    Ini project ku yang aku kirim buat lomba di ITEXPO UNJ dan berhasil memenangkan juara 2. aku kerjain bareng 2 temen ku juga

  10. [https://andre12001.github.io/]
    andreww
    hallo semuanya, saya ingin share web dashboard DWAdmin, dibuat dengan bootstrap 4,css dan lainnya. Download : [https://github.com/andre12001/DWAdmin-Template.git]

2 Januari 2021

  1. [https://budiono.my.id/]
    Ade Budiono
    Hallo semua.... Izin share web portfolio.

    -Html -Css -Js

    Library : -Aos Js

  2. [https://tiyoy.netlify.app/]
    Cecep Maulana ใƒ„
    Izin share pak web portfolio sederhana saya.. Jgn di bully ya masih belajar soalnya..

    Dibuat menggunakan HTML, CSS & Vanilla Javascript..

  3. [https://sort-css.netlify.app/]
    farhan
    Kalau mau mengurutkan css property biar enak dibaca.

    Vscode extension nya masih process ( [https://github.com/apriliandi246/vscode-sort-it] mungkin bisa bantu saya contribute wkwk

  4. [https://haizim.one/]
    haizim
    Ijin share web portfolio saya.. ini konsepnya ala-ala tampilan desktop PC dengan window-windownya yang bisa digeser-geser, close dan dipanggil lagi.

    Juga bisa ganti tema lewat pilihan di kanan atas itu..

    Dibuat dengan:

    • HTML & CSS
    • Vanilla Javascript (karna belum pernah belajar framework ehe)
    • Bootstrap (minjem class yang buat bikin flexbox responsif)
    • JQuery (minjem ajax-nya)

    klo ada kritik dan saran monggo..

    dan..

    Enjoy it ^_^

  5. [https://elfaritsi.github.io/]
    El Faritsi
    Izin share web portfolio saya pak, untuk framework css nya saya pake Bootstrap dan ada sedikit vanila javascript, humberger menu nya nyontek dari channel WPU.

  6. [https://cdn.discordapp.com/attachments/758600947692732436/786144016952983563/Kenal_Alumni_One_Page.png]
    AbonSapi
    Hallo kawan, mohon kritik dan sarannya yang membangun untuk design ini, saya baru coba belajar untuk membuat design web dengan menggunakan Figma. Terimakasih.

  7. [https://carousnap.github.io/]
    cholis04
    Izin share project tentang Carousel Photos ..

    Dimana kita dapat dengan mudah membuat sebuah carousel yang ringan dan cepat .

    Project ini dibuat dengan menggunakan Vanilla JavaScript dan CSS

    Dan juga menggunakan Event Bubbling sehingga element baru akan tetap berfungsi. Didalamnya terdapat property CSS Scroll Snap yang membuat posisi scroll menjadi otomatis.

    Terima Kasih

  8. [https://itsfaqih.vercel.app/]
    nearsky_
    dibuat menggunakan React, TailwindCSS, dan Framer Motion. template ini saya buat open source berlisensi MIT, jadi feel free buat memakai dan modifikasi template ini: [https://github.com/itsfaqih/fama]

  9. [https://eloquent-jennings-367bd3.netlify.app/]
    BerserkUselesss
    Asalamualaikum izin share karya, ini hasil belajar saya di WPU dan beberapa source lain, saya bikin web portofolio pakai bootstrap, valina js dan beberapa package, sebenarnya bikinnya udah lama dan bar skillnya belum saya ganti hehe mohon masukan dan sarannya terimakasih...

  10. [https://website-serbaguna.racyete.repl.co/]
    Rayyan M
    Halo semua

Saya izin share website namanya "Website Serbaguna", website ini fungsinnya untuk mendapatkan info dari API yang saya dapatkan

Website ini dibuat dengan

  • Node.js
  • Html
  • Javascript
  • Bootstrap

Source Code: [https://github.com/EmangGek/Website-Serbaguna]

8 Januari 2021

  1. [https://github.com/ichsansaid/Codeigniter3-RoomLibrary]
    Said
    Selamat malam teman teman sekalian, kalian pernah nyoba CI4 ? Pengen nyoba fitur View Layouts di CI4 tapi pengennya CI 3 ?

    Saya kemarin baru buat library bernama "Room" yang memiliki fitur yang sama dengan View Layouts di CI4


  2. [https://dribbble.com/shots/14762829-Freelance-App-UI-UX-Design?utm_source=Clipboard_Shot&utm_campaign=Ade_Yusuf&utm_content=Freelance%20App%20UI%2FUX%20Design&utm_medium=Social_Share]
    adeyusuf
    Assalamualaikum, saya Ade Yusuf ingin memamerkan karya UI UX pertama saya.

    Ini adalah sebuah UI design mobile application untuk sebuah platform freelance yang dibuat menggunakan Adobe XD.

    Menggunakan warna ungu dan merah sebagai dasar dan terinspirasi dari aplikasi Freelancer dan juga UpWork. Dengan asset yang diambil dari freepik untuk gambar covernya dan juga icon yang diambil dari situs font awesome.


  3. [https://anime-quote-generator.netlify.app/]
    Indrico
    Halo semuanya, Saya membuat Random Quote Generator

    Dibuat dengan:

  4. [https://gedeyoga.github.io/dalank/]
    BotakBerjubah
    Halo semuanya,

    disini saya akan membagikan hasil project landing page saya. web yang saya buat bertemakan promotion online product dan disini product yang saya angkat adalah produk lokal yakni wayang. alasan mengambil produk wayang adalah saya ingin membuat anak remaja di indonesia lebih menyukai wayang buatan indonesia sama seprti mereka menyukai action figure dari negara luar.kebetulan web ini sudah mendapatkan juara 2 ๐Ÿ˜‚

    Dibuat dengan: -Bootstrap -AOS -sass -jquery -figma


  5. [https://budiono.my.id/]
    iCE
    Landing page buat lab

    Develop web ini cuma pengen nyobain SSG next.js di github pages sebenarnya, eh keterusan.

    Sekarang dipake buat ngeshare resource NLP/CV(masih dikit sih), sama ngumpulin playground AI, tujuannya biar orang awam kenal apa itu AI dan gimana cara bikinnya.

    Jadi pas ada orang nanya, "AI tuh ginana sih?" Kasih ini aja [https://ailabtelkom.github.io/playground] wkwkwk

    Tech-stack:

    • Next.js ๐Ÿ˜Ž
    • Chakra-ui ๐Ÿ”ฅ
    • Framer motion โœจ
    • github pages โš™๏ธ

  6. [https://npmjs.com/package/rumus-bdr]
    SadesXD
    [ Hallo sobat-sobat indonesia ] Saya mau memberi tau kepada kalian apalagi khususnya untuk para developer javascript dan lainnya yaitu sebuah npm package bernama ( Rumus-bdr )

    [ Rumus-bdr ]

    ( Instalasi ) npm i rumus-bdr

    ( About ) Rumus-bdr adalah sebuah npm package yang dapat mempermudah kawan-kawan untuk mempelajari atau membantu menyelesaikan masalah mengenai sebuah luas atau keliling bangun datar & sebuah luas permukaan dan volume bangun ruang

    Rumus-bdr juga dapat menyelesaikan rumus matematika yang lain seperti:

    • Rumus Pythagoras
    • Rumus Perkalian
    • Rumus Kuadrat & Kubik

    Contoh Code: const bdr = require("rumus-bdr")

    const persegi = bdr.datar.keliling.persegi(5,false) console.log(persegi) /_ Output -> 20 _/

    const caraPersegi = bdr.datar.keliling.persegi(5,true) console.log(caraPersegi) /_ Output -> Keliling = 4 x sisi = 4 x 5 = 20 _/


  7. [https://reinaldousadani.github.io/]
    Reivanrulloff(Arte)
    slamat malamm ๐Ÿ˜„ , mau izin showcase project. Ceritanya lagi latian desain dengan pure html,css dan GSAP nih. jadi iseng-iseng buat portofolio wkwk. Mohon minta saran dan kritik nya yaa teman2,berhubung saya juga masih harus belajar banyak tentang layout design.


  8. [https://tmviz.vercel.app/]
    resir014
    Halo semuanya ๐Ÿ‘‹ izin showcase project yang baru aja kemarin diupdate: TMViz

    Buat yang main Trackmania, atau game balapan lainnya, aku bikin overlay buat men-display input controller pas saat livestreaming. Bisa langsung dipasang di OBS sebagai browser source.

    Awalnya aku cuman bikin ini karena banyak yang streaming TrackMania pake overlay yang serupa, cuman aku gak pernah tau nama overlay yang mereka pake apa, jadinya aku bikin sendiri, haha. Cuman ternyata kepake juga karena setelah ditelusuri, ada beberapa controller yang gak di-support oleh overlay tersebut (e.g. PS4 controller + Stadia controller).

    Akhirnya aku bikinin versi standalone-nya yang bisa di-configure sendiri. Sekarang pun sudah dipake sama dua streamer Trackmania lain yang angka viewer-nya lumayan.

    Dan karena web-based pake Gamepad API (https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API), pastinya support semua controller yang bisa dicolok ke komputer masing-masing.

    Stack: Next.js, chakra-ui, TypeScript Hosting: Vercel

    Source code juga bisa dilihat di sini: https://github.com/resir014/TMViz

    Ada demo video juga buat yang mau liat project ini in action kayak gimana:

    https://cdn.discordapp.com/attachments/758600947692732436/790113025054343228/2020-12-20_13-53-21.mp4


  9. [https://app.isfidev.net/isfidevpost]
    Ahmad Sofyan slamat malamm , mau izin showcase project. Isfidevpost untuk distributor celana, di buat dengan php native dan lain-lain. Menggunakan template Adminlte, Alhamdulillah aplikasi ini sudah di gunakan oleh w Distributor celana di Tanah abang dan Cipulir. Silahkan bro sis yang mau coba demonya disini

    Informasi login ada di halaman login.

    Tolong kasih masukan ya kawan, karena saya berniat ingin mengupdate aplikasi ini jadi saya butuh masukan kalian kawan. Terimakasih


  10. [https://hwi-2021.000webhostapp.com/]
    dicancut
    Pagi, perkenalkan saya dicha, saya seorang graphic design, pengen share project kecil sebuah web portal untuk event, saya bikin sendirian back end dan front end, material yang digunakan simple, cuma HTML, CSS, PHP Native, bootstrap

dashboardnya : /admin

user untuk mau liat ada apa aja di dalemnya : user: demo@demo.com pass: as

terimakasih


15 Januari 2021

  1. [https://suratpad.com]
    mr_idha
    Halo teman-teman ^^ Saya mau share projek saya nih.

    Namanya Suratpad[dot]com Situs generator Surat resmi.

    Ada beberapa Fitur yang lumayan menarik, diantaranya:

    • Generator surat to PDF
    • Login / register
    • Custom Template Surat Sendiri
    • Link Saring Surat.
    • Signature pad

    Dibuat dengan:

    • Laravel 7
    • DomPDF
    • Bootstrap 4
    • jQuery

    Note : Beberapa fitur masih versi Beta, Jadi sangat menerima Kritik dan Saran dari teman-teman.


  2. [https://gift-store-landing-page.netlify.app/]
    Hendra Agil
    Haloo Izin share project landing page iseng - iseng, sekalian main animasi Dapet desain web gratis + file figma nya dari dribbble, hehe.

    Dibuat dengan:

    • React
    • Framer Motion

    Pada bagian Services dan Blogs saya menggunakan data json yang saya buat sendiri. Lalu datanya di looping dan dimasukkan ke template component Card & Post, sehingga pada bagian Services bisa menghasilkan 4 cards dengan layout sama dan juga pada Blogs menghasilkan 2 posts dengan layout sama juga.

    Lalu, juga menggunakan custom hooks agar hamburger icon & dropdown menu hanya muncul saat versi mobile.

    Karena saya malas bikin hamburger icon, saya pakai package hamburger-react Untuk smooth scroll, saya menggunakan package react-scroll.

    Repository: [https://github.com/hendraaagil/gift-store-landing-page]


  3. [https://studiocloud.dev/]
    Ya'suf Dany
    Halo ijin share web portfolio saya, belum mobile friendly sih ๐Ÿ™


  4. [https://app.daftarbelanja.com/]
    PUYUP
    Izin berbagi ya, semoga bermanfaat bwat semua.,

    Pencatat Daftar Balanja., jadi sering kali kita lupa nih duit 1 juta habis buat beli apa saja., terus pas lagi belanja di swalayan, eh sudah sampe rumah baru inget tadi lupa beli ini dan itu., ๐Ÿ˜ฉ

    Masalah sederhana itu coba saya selesaikan dengan apps Daftar Belanja sederhana. (apps Android nya on progress).,

    Tech:

    Backend

    • Django
    • DRF
    • NGINX
    • WebSocket
    • Django Channels
    • MySQL

    Frontend

    • IONIC 5 (Angular)
    • Firebase hosting

  5. [https://ilhamhafidz404.github.io/my_Portfolio/]
    Ilham Hafidz
    Halo selamat siang,, Salam kenal saya Ilham Hafidz siswa SMK PERTIWI Kuningan... Saya mau coba share web portfolio saya,, masih sangat sederhana dan butuh perbaikan...

    Disini saya menggunakan :

    • BOOTSRAP
    • SASS
    • Javascript

    Ada juga beberapa tool js yang saya gunakan seperti :

    • Page Pilling
    • Typed JS
    • Tilt JS
    • Lightbox JS
    • Mocassin CSS

    Mohon untuk kritik dan saran nya dari pak dika dan temen temen:pray:


  6. [https://github.com/codestronaut/resto-submission-1]
    Aditya Rohman
    Assalamualaikum..wr..wb Mau izin showcase ya teman-teman. Maaf sebelumnya OOT. Aplikasi ini bukan web tapi mobile app yang didevelop dengan Flutter. Nama aplikasinya adalah Resto. Aplikasi ini berisikan list restoran yang ada di Indonesia. Fitur-fitur aplikasinya:

    • List Restoran
    • Cari Restoran
    • Detail Restoran
    • Cart (Dalam Proses Develop)

    Source Code: [https://github.com/codestronaut/resto-submission-1]

    Proses Pengerjaan Aplikasi (Video): [https://youtu.be/yzwWRteUfaM]

    Tampilan Aplikasi ada dibawah sini [https://cdn.discordapp.com/attachments/758600947692732436/791851328040730674/iphone_xr__xs_max__11___7.jpg]

    [https://cdn.discordapp.com/attachments/758600947692732436/791851358574870558/iphone_xr__xs_max__11___15.jpg]


  7. [https://github.com/ichsansaid/Codeigniter3-RoomLibrary]
    adeyusuf
    Hai, saya mau share karya saya yang lain. Kali ini saya membuat sebuah UI design untuk web portofolio saya sendiri.

    Dibuat dengan software Adobe XD, dengan pilihan warna - warna cerah, untuk font saya menggunakan "Poppins" sebagai font utama dan ilustrasinya saya ambil dari situs undraw.co

    Oh ya, untuk desainnya baru bagian header aja karena masih dalam tahap perancangan

    [https://www.behance.net/gallery/110159225/UI-Portfolio-Web-Design?share=1]


  8. [https://anitop.vercel.app/]
    Satya W
    Hai guys, ini ada API yang sudah aku buat untuk menampilkan data-data tentang trending anime, lagu, karakter, dll. Untuk datanya sendiri aku scrape website https://anitrendz.net/ untuk mendapatkan data-data nya, dan data-data tersebut aku simpan ke dalam sebuah file .json. Data tersebut akan di update secara berkala dan otomatis dengan menggunakan github action yang didalamnya sudah ada sistem scheduling untuk menjalankan perintah scrapingnya

    Untuk teknologinya aku pakai Typescript, axios, cheerio, vercel, dll, this project is open source, feel free to use it :)

    Link API: [https://anitop.vercel.app/] Repository github: [https://github.com/satyawikananda/anitop]


  9. [https://www.alquran.digital/]
    Novv
    Permisi selamat siang, izin showcase project saya yg baru selesai, mohon kritik dan sarannya


  10. [https://indraarsy.wtf/]
    Loka
    haloo izin share web portofolio saya. saya buatnya pakai next js, tailwind, dan framer motion


23 Januari 2021

  1. [https://ari-rudiana.netlify.app/]
    arirudianaa
    haloo izin share web portofolio saya, pakai reactjs


  2. [https://github.com/sekilas13/nva13]
    reacto_mecha!
    Halo, Izin share aplikasi web voting

    Ini dibuat pake : - Express - MongoDB - ExpressJS - Bootstrap - jQuery - Socket.io Pastiin udah ada MongoDB yang udah ke install dan jalan.

    Halaman utamanya ada dua

    1. [http://localhost:3000/] => untuk voting
    2. [http://localhost:3000/admin] => Halaman untuk admin

    Cara pakenya udah dicantumin di Readme Mohon kritik dan sarannya dari temen-temen ๐Ÿ™ .

    Project gabut selama libur abis pembagian rapot. Ini open source, jadi silahkan ubah sesuka hati.


  3. [https://danoobboii.github.io/Portofolio-v2/index.html]
    DaNoobBoii
    Helo gais, disini aku pengen bagi portofolioku lagi nih, walaupun sebelumnya udah tapi aku msih kurang "srek" gitu jadi aku bikin v2 nya, ada beberapa fitur yang nambah dari : | Project | Contact Bisa Dikirim (jangan spam itu masuk ke emailku soalnya) | Dan Kemajuan dari Tamplate


  4. [https://team-dev.herokuapp.com/]
    bry
    Halo share project landing page statis yang bernama Team.dev Project ini merupakan implementasi dari hasil desain saya yang pernah di pamerkan di sini.

    Menggunakan bootstrap v4

    Maaf masih kurang mirip ama design :face_with_hand_over_mouth:


  5. [https://haizim.one/iseng/cek-typo/]
    haizim
    Soree.. ijin share aja aplikasi buat cek typo bahasa indo jadi ceritanya ini saya bikin karena pas skripsian dicek dosen katanya banyak yang typo wkwk yaudah mumpung pas itu weekend bikin aja gitu hehe

    oya.. ini dibikin pake vanilla js, css trus minjem flexboxnya bootstrap sama ajax-nya jquery. buat backendnya pake PHP Native kesulitan utama pas ngumpulin data kata-kata.. karena males ngumpulin seluruh varian kata2nya akhirnya tak bikin algoritma sederhana buat ngambil kata dasarnya trus baru dicocokin ke database kata2nya


  6. [https://profile-portfolio.netlify.app/]
    rizal_grandonk
    Izin share project lagi belajar React, ini project web pertama pake React, mungkin ada yang mau kasih masukan https://profile-portfolio.netlify.app/


  7. [https://nimedesuv2.herokuapp.com/]
    Aquin
    hasil belajar 5 bulan front end sama backend masih dalam pengembangan


  8. [https://titik-koma.netlify.app/]
    Widi kidiw
    Malamm.. izin share hasil 2 bulan ngerjain ceritanya buat company profile buat satu cafe ini dibikinnya html, css dan pake jquery untuk slider productnya. dan untuk animation cardnya aku pake library AOS. Terima Kasih


  9. [https://mwafa.net/]
    mwafa
    Izin share project yang udah lama belum dilanjutin lagi

    Framework: NextJS, Banner: ParticleJS Chart: ChartJS

    Backend: GithubAPI


  10. [https://geraimuthukodedemo.000webhostapp.com/muthukode.html]
    RizkiRb
    assalamualaikum kak jadi ini website saya tapi masih demo jadi sebelum saya kasih nama domain saya mau minta saran apa ada yang kurang gitu atau gimana.


29 Januari 2021

  1. [https://joonacode.github.io/woocommerce-landing/]
    cepgunz
    Izin share project hasil latihan Tailwindcss

    [https://jtimeline.netlify.app/]

    [https://joonacode.github.io/react-datawarehouse/]

    [https://joonacode.github.io/react-ecocabins/]

    [https://joonacode.github.io/react-smartwatch/]


  2. [https://oasis-clothing.herokuapp.com/]
    shintia zhou
    Halo saya mau share project e-commerce App dgn nama oasis clothing

    Fitur yang tersedia -user bisa login/register -user bisa pilih item yang ingin dibeli , memasukan item ke cart dan checkout item

    Tools yang saya gunakan -React js -firebase (oAuth, cloud firestore) -redux, redux saga -react router -motion framer -styled component Dll

    Masih ada beberapa bug hehe:sweat_smile:

    Design visual saya tiru dari website [https://www.getwelly.com/]


  3. [https://adhywiranto44.github.io/]
    adhywiranto44
    Saya mau nitip web profil saya hehe


  4. [https://gajahorangsemut-multiplayer.racyete.repl.co/]
    Rayyan M
    Halo Semua, Saya izin share game "Gajah Orang Semut" yang bisa di mainin online

    Website dibuat dengan

    • Node.js
    • HTML
    • CSS
    • Javascript
    • Bootstrap

  5. [http://race211.bitbucket.io/]
    Sulistio
    ikut partisipasi. Ini awal saya membuat web masih sederhana banget. masih statis. dibuat dengan : HTML CSS JQuery


  6. [https://line.me/R/ti/p/@668xctgv]
    YehezkielGunawan
    I'd like to introduce my first ever LINE chatbot, DeMangan. It's a bot that can do a simple count and you can order food or drinks thereby choose the menu and send your location so the bot can summarize your order.

    You can try to add this bot by scan the QR Code or by add @668xctgv to your LINE app. You also can add this bot by click this link [https://cdn.discordapp.com/attachments/758600947692732436/795585622756687892/unknown.png]


  7. [https://makan-dikita.herokuapp.com/]
    Toyohisa
    halo teman" saya mau share aplikasi pesan makanan tools : Vanilla JavaScript LIFF Bootstrap


  8. [https://todol.rf.gd/]
    Mawang_Yegaah
    Login System. Full ikut tutorial php pak dhika. Buatan sendiri tapi design nya punya orang. Masih SMP. Email sama password bisa di awur.

    Pakai Vanilla javascript, Bootstrap, GSAP js.

    Kendala nya diwaktu sama pusing 1000 malam


  9. [https://hudadamar21.netlify.app/]
    hudadamar21
    share Web Portfolio saya, masih dikembangin.:grin: web ini di buat pake Vuejs 3 (Vite) + Tailwindcss


  10. [https://weatherind.netlify.app/]
    Arif Rahman
    Hallo guys izin share web perkiraan cuaca sederhana yang dibuat pake VueJs, bootstrap dan firebase.


6 Februari 2021

  1. [https://belajar-online.ridoananda.my.id/]
    Rido Ananda
    Assalamualaikum, Halo teman teman. Saya ingin bagikan web Belajar Online. dibuat dengan:

    • bootstrap
    • Codeigniter 4
    • jQuery
    • SASS

    Untuk fiturnya sangat banyak,...

Ada 3 Role/Aturan Pengguna dan Setiap Pengguna Memiliki Hak Akses Masing Masingโ€ฆ

GURU ~ Tugas

  • Membuat Tugas, Menghapus, Melihat Data Pengumpulan Tugas, Dan Mengubahnya. ~ Absen
  • Membuat Absensi Harian, Menghapus, Mengubah, dan Melihat Data Absen Siswanya. ~ Artikel
  • Membuat Artikel, Menghapus, Mengubah, Dan Berkomentar

SISWA ~ Tugas

  • Menerima Tugas dan Mengumpulkan Tugas. ~ Absen

  • Menerima Absen Harian dan Melakukan Absen (Hadir, Sakit, Izin). ~ Artikel

  • Melihat Artikel dan Berkomentar.

    ADMINISTRATOR ~ Role Access

    • Menambahkan Role, Memberi Hak Akses Setiap Role, Mengubah dan Menghapus. ~ User Mapel
    • Menambahkan Mata Pelajaran Guru dan Kelas / Jurusan Siswa, Mengubah, dan Menghapus. ~ Laporan
    • Menerima Laporan Dari Guru dan Siswa Apabila Seorang Pengguna Melalukan Hal yang Semena mena. ~ Hubungi
    • Menerima Laporan Dari Seseorang Yang Mengunjungi Website. ~ DATA
    • Melihat Data Guru, Siswa, Artikel. Mengubah dan Menghapus Data. ~ MENU
    • Membuat Menu dan Submenu Baru, Mengubah dan Menghapus Menu dan Submenu

    Itulah Fitur-fitur Yang Tersedia. Setiap Pengguna Dapat Akses PROFIL dan NOTIFIKASI.

    Terimakasih Sudah Membaca nya.

  1. [https://reksaandhika.com/]
    Reksa
    Halo, izin share web portfolio saya. Teknologi: ReactJS (NextJS), SVG, GSAP, Lottie, Bootstrap Grid.

    Pembuatan 3 minggu, cukup struggle karena saya anaknya ga puasan sama hasil.

    Tujuan buat web ini berharap HRD ngelirik buat hire kerjaan atau setidaknya narik client baru.

    Best experience dibuka via desktop karena ada interaksi hover & slide mouse


  2. [https://weebflix.netlify.app/]
    damnbucky
    Halo semuanya, izin share project saya sekedar latihan mengambil API sederhana untuk front end development yaitu Website daftar Anime. Tech yang digunakan adalah NuxtJS dan TailwindCSS.

    Repo github nya: [https://github.com/buckypinkman/nuxt-weebflix-animelist]


  3. [https://foundation.supryantowp.tech/]
    Karube
    Izin Share saya mau share hasil slicing design Tito Tri Atmojo yang dibuat pakai nextjs sama chakra ui. buat mobile masih belum rapih kalau dilihat dari desktop mungkin lebih bagus. saya ngerjain ini 1 hari kwkw di potong sama waktu tidur. puas banget akhirnya selesai juga dalam waktu cepet. design : Tito Tri Atmojo repository: [https://github.com/supryantowp/foundation]


  4. [https://endabelyu.github.io/]
    Endabelyu
    Halo pak, saya mau showcase web portofolio saya setelah belajar playlist sampe css grid, aku pake html, css , vanilla javascript dan jquery, Walaupun untuk javascript dan jquery saya masih ikutin tutorial aja belum terlalu paham,

    1. vanilla js buat nav on scoll
    2. Jquery buat smooth scroll
    3. Tilt js untuk heronya

    Selebihnya pake html dan css Untuk icon socmed github dan yang lain nya saya ngambil dari w33 school , ada yang dari icon8 dan flaticon juga pak.

    Mohon kritik dan sarannya agar saya bisa membuat yang lebih keren, dan makasih banyak pak dika buat ilmunya


  5. [http://bagikelompok.rf.gd/]
    ogiSukses
    Assalamualaikum, Halo Pak Dika, saya mau share hasil implementasi ilmu website dari pak Dika.

    Saya membuat web tool untuk pembagian kelompok,Web tool ini terinspirasi saat disuruh bagi kelompok di kampus saya, terus saya buat deh hehehe. saya menggunakan bootstrap, vanilla js, vanilla php yang semua-nya belajar di website WPU.


  6. [https://do-time.netlify.app/]
    Wahyu.All
    Hai Semuanya. Izin showcase project Saya yaitu web app yang saya beri nama Do Time. Web app ini memiliki fitur yaitu:

    1. Kalender
    2. Jam Dunia
    3. Stopwatch
    4. Timer

    HTML, CSS, JS Utk library nya pakai list js sama picker js


  7. [https://dimas-ngoding.github.io/blog-portfolio/]
    !dimas.andhk
    Halo assalamualaikum salken semua, aku mau share web portfolio, hasil belajar dari channel wpu

    Dibuat pakai html, scss, javascript, bootstrap. Librarynya aos dan typed js waktu pengerjaan 3-5 Jam


  8. [https://anggihseptiawan.netlify.app/]
    asdevv
    Hallo, selamat siang semuanya, Mau izin share web portfolio saya

    Tech stack yg dipake :

    • React JS
    • React reveal (animasi)
    • Nodesass (styling)
    • i18next (internationalization)

  9. [http://www.covid19worldview.cyou/]
    Ryuuga
    Halo, izin share hasil website buatan saya. Sekalian buat kompetisi, sekalian buat di showcase aja disini.

    COVID 19 WORLVIEW adalah sebuah website yang memiliki tujuan untuk menampilkan data-data seputar COVID-19 di seluruh dunia. Terinspirasi dari website WHO dan dibantu dengan API seperti covid19api, oxford covid 19 tracker, dan rest countries.

    Saya menggunakan ReactJS sebagai JavaScript library dibantu dengan CSS Framework dari Material-UI. Lalu beberapa module tambahan seperti react-simple-maps, chartjs, material-table, dan scroll animation dari aos


13 Februari 2021

  1. [https://www.maiundangan.com/]
    ekasapta
    Selamat Siang!

    Ijin share temen-temen, Maiundangan adalah jasa undangan online yang menggunakan web based sebagai undangannya.

    Menggunakan laravel, S3 dari biznetgio untuk menyimpan static file, style bootstrap (custom) dan figma untuk design prototypenya.

    Demo Undangan: [https://www.maiundangan.com/demo/black-lava]


  2. [https://tegar-deyustian.netlify.app/]
    Kyo
    Website static sederhana saya, mencoba implementasi hasil belajar tailwind css dan vanilla javascript

    GitHub: [https://github.com/lynxeevnxx/portfolio]


  3. [https://sharp-pasteur-52eaa7.netlify.app/]
    abdul aziz
    Izin ikutan showcase-project saya buat tribute-page menggunakan html, css, vanilla js.

    GitHub : [https://github.com/polongaziz/tribute-page]

    terimakasih ilmunya pak semoga berkah


  4. [https://moladev20.github.io/Foodpedia.github.io/]
    Sabil
    Halo temen temen semuanya, Izinkan saya membagikan showcase-project saya di sini untuk yang pertama kalinya. Ini merupakan Project landing page pertama kali menggunakan CSS murni yang saya buat.

    GitHub : [https://github.com/MOLAdev20/Foodpedia.github.io]


  5. [https://bookmark-website.netlify.app/]
    indraadikusuma
    halo semuanya, ijin share showcase project pertama saya

    Responsive Bookmark landing page Dibuat munggunakan HTML, SCSS, JavaScript & Webpack 5 (tanpa menggunakan framework css & javascript).

    Sumber Design : [https://www.frontendmentor.io/challenges/bookmark-landing-page-5d0b588a9edda32581d29158]

    GitHub : [https://github.com/indraAK/bookmark-landing-page]


  6. [https://kikiding.space/]
    Kiki
    Halo semua izin share website personal saya Dibuat pakai Next.js, Tailwindcss, DatoCMS

    GitHub : [https://github.com/codingki/personal-site]

  7. [https://fikrimulyanasetiawan.github.io/]
    Cadis Etrama Di Raizel
    Permisi semuanya, saya mau menunjukkan proyek yang saya buat

    Website ini awalnya saya buat cuma untuk post blog berbasis sains, tapi seiring perkembangan saya dalam belajar bahasa pemrograman javascript, saya mulai menambahkan beberapa hal, diantaranya :

    • kalkulator sederhana yang bisa melakukan operasi perkalian, pembagian, penjumlahan, pengurangan, dan menghitung sisa pembagian

    • game "donkey game". Tau kan? Game dengan judul dan konsep yang sama dengan game yang pernah dibuat bill gates ( tapi tentu saja game saya masih banyak kekurangannya)

    • ChatBot. Chatbot yang saya buat adalah chatbot yang sering disebut dengan "rule-based chatbot" .

    • game tebak angka

    • mesin enkripsi caesar. Anda tau metode enkripsi caesar? Jika anda melakukan enkripsi pesan dengan metode ini secara manual, maka akan memerlukan waktu yang cukup lama (buang buang waktu). Karen itu saya ingin mengotomatisasi proses ini melalui program komputer. Input dari mesin ini berupa plain text dan jumlah pergeseran huruf yang anda inginkan, lalu output nya adalah encryptex text ( teks yang sudah terenkripsi)

    • Math solver . Walau namanya adalah math solver, proyek yang saya buat ini tidak bisa menyelesaikan semua masalah matematika. Program ini hanya bisa menemukan solusi persamaan linear 2 variabel dan 3 variabel. Sejauh ini tidak ada error pada program ini. Hanya saja anda perlu menulis "+-" jika ingin menuliskan angka bernilai "-". Misalnya anda harus menulis "-3" sebagai "+-3"

    • dan proyek lain yang tidak saya ingat

    Segala sesuatu yang ada di website ink saya buat hanya dengan menggunakan HTML, CSS, Bootstrap, dan Javascript ( vanilla javascript)

    Untuk melihat proyek javascript saya, anda dapat melihatnya di navbar, klik "javascript project"

    Terimakasih sebelumnya

    GitHub : [https://github.com/fikrimulyanasetiawan/fikrimulyanasetiawan.github.io]


  8. [https://alwaysngoding.com/]
    ZihxS
    Halo semuanyaa, izin share proyek saya dan tim saya ya ๐Ÿ˜„

    Proyeknya berupa website untuk belajar pemrograman dan pengembangan website secara online, banyak sekali cerita & tantangan dalam pengerjaannya diantaranya:

    • 2017 sampai awal 2020 websitenya dikerjakan hanya sendiri (belum ada tim)
    • memikirkan dan mencari teknologi apa saja yang ingin dipakai sampai-sampai menghabiskan banyak waktu
    • masalah pada desain dan alur website, sampai-sampai harus diulang pengerjaannya dari awal lagi (3 kali ulang)
    • beberapa kali merombak basis data agar terstruktur dan rapih
    • harus memperdalam ilmu untuk membuat kelas-kelas supaya mudah dipahami dan berkualitas (ini lumayan menghabiskan banyak waktu)
    • mengecek ulang setiap kelas yang sudah dibuat sampai beberapa kali pengecekan (butuh ketelitian, kesabaran dan kontrol emosi)
    • membuat website sedinamis mungkin untuk semua device
    • sering mengerjakan di warnet karena saat saya masih sekolah di rumah belum ada akses koneksi internet (jadi saya mengerjakan di laptop pun kalo saya sedang berada di sekolah memanfaatkan wifi yang ada)
    • laptop yang saya pakai sangat lemot pada waktu itu (ini tantangan untuk menguji kesabaran)
    • banyak logika-logika atau alur yang rumit yang harus bisa dicari dan diselesaikan
    • beberapa kali sempat ingin menyerah karena mentok pada satu hal yang susah untuk diselesaikan

    mungkin itu hanya beberapa dari sekian banyaknya problem dan tantangan, mungkin jika di ingat-ingat lebih dalam ada banyak sekali problem dan tantangan saat mengerjakan proyek ini.

    teknologi yang dipakai untuk pembuatan website ini bisa dilihat menggunakan ekstensi Webapplyzr, teknologi yang dipakai diantaranya:

    • HTML, CSS, PHP (:fire: Web Framework), JS, SQL
    • Node.js (Express) & Socket.IO
    • Bootstrap
    • jQuery
    • Dan lain-lain

  9. [https://kawanpeduli.site/]
    GahasaPurba
    Mempersembahkan "KawanPeduli" Sebagai Website Informasi Perkembangan COVID-19 di Indonesia. Silahkan Kunjungi Website Tersebut, Anda Bisa Melihat Blog, Melihat Statistik COVID-19 di Indonesia dan Dunia, Memberikan Pertanyaan Dan Membahas Sesuatu di Forum, dll. Kami Akan Selalu Ada Untuk Membantu Anda.

    Silahkan dikunjungi ya, teman-teman, kalau ada masukan atau saran dengan senang hati menerima ๐Ÿ˜Š

    Website ini dibangun menggunakan Framework PHP yaitu Laravel, lalu untuk menampilkan statistik nya kami menggunakan API dari KawalCorona, lalu ada beberapa packages Laravel yang digunakan seperti Laravel Socialite untuk Integrasi Sign In dan Sign Up menggunakan Google dan GitHub, Laravel Comments untuk membuat kolom komentar dan diskusi, Laravel Excel dan PDF untuk reporting di Dashboard Admin, dan Sweet Alert untuk menampilkan alertnya.

    GitHub : [https://github.com/GahasaPurba/kawanpeduli]


  10. [https://saiful-akbar13.web.app/]
    saiful-akbar
    Hai semua, izin share design personal website pribadi saya. Masih belajar jadi masih web statis dan masih simple banget, kedepannya mau dibuat dinamis.

    Disini saya menggunakan react js & material-ui

    GitHub : [https://github.com/saiful-akbar/saiful-akbar]


20 Februari 2021

  1. [https://fyfirman.tech/]
    fyfirman
    Halo Pak Sandhika & Temen-temen. Izin share website pribadi saya. Website ini dibuat menggunakan Gatsby (React.js). Fiturnya masih sederhana, hanya sebagai portofolio saya pribadi. Terimakasih semuanya.


  2. [https://xhry.github.io/]
    Harya
    Halo semuanya, izin share web portfolio sederhana saya dengan tema neumorphism karena tema ini sedang banyak digunanakan oleh front end developer, pembuatan web portfolio dengan bahasa program HTML, CSS, Javascript dan framework Bootstrap4, parallax.js dan typed.js untuk animasi di header, library animate.css untuk lazy loading, waypoint.js untuk progress bar di menu About Me, jQuery Fancy Box untuk menampilkan Project saya yang masih on progress di menu Portfolio, Formspree.io untuk form backend yang sudah terhubung Gmail pada menu Contact, dan Google Analytics untuk tracking pengunjung ke web portfolio saya.

    GitHub : [https://github.com/xhry/xhry.github.io]


  3. [https://akornime.site/]
    siapa saya
    Halo semua saya ingin menshare hasil project saya,awal mula saya membuat project ini karena ingin membuat website spetuar anime dan drakor waktu itu saya menonton tutorial wordpress tapi gak paham, eh nemu channel wpu saya melihat list membuat website dengan ci 4,wah kayanya bisa nih saya buat website yang saya inginkan pake ci 4 oh ya sebelum nya saya sudah nonton list css,js, php, dan bootstap,dan alhamdulillah mendapat hasil yang saya inginkan namun masih banyak kekurangan.

    Oh ya pas minggu kemarin saya ingin mencoba buat apk,dan lihat tutorial orang India pake flutter. saya tiru dan modifikasi sedikit ini hasil projectnya

    [https://apkpure.com/u/14774479/post/10807903]


  4. [https://devnazir.github.io/movietrailer/]
    Nazir Bahrul Ulum
    Halo, saya mau share project lama saya yaitu Web Movie. Dibuat menggunakan HTML, SASS, JS, Webpack.

    Source Code: [https://github.com/devnazir/movietrailer]

  5. [https://intip.in/heart2heart]
    aff
    Selamat Malam teman-teman, saya ingin share website buatan saya (Affan Abiyyu) dan teman saya Nova Andre Saputra yang bernama Heart2Heart, sebuah aplikasi permainan sederhana berbasis web.

    Bisa diakses di sini: [http://47.254.250.47/] (atau lewat shortlink [https://intip.in/heart2heart])

    Website dibuat menggunakan Framework: Sapper (Svelte) JS, untuk CSS (kami pakai SCSS)-nya menggunakan Bulma CSS. Website nya masih full statis, dan di hosting di Alibaba Cloud sebagai partisipan dalam lomba Re-Cloud Challenges Indonesia.

    (Dikerjakan seminggu lebih, penuh dengan begadang) :''') terima kasiih banyakk


  6. [https://elwinmusadi.github.io/travel-queen]
    Elwin Musadi
    Selamat siang teman-teman, perkenalkan nama saya Elwin Musadi. Saya ingin share project Front-End saya yaitu TravelQueen. Website statis ini dibuat menggunakan HTML, CSS, Flexbox, SASS, Javascript dan Framework Bootstrap 4. Di project ini saya baru belajar menerapkan responsive menggunakan media query, jadi untuk responsive-nya belum optimal.

    Untuk source code: [https://github.com/ElwinMusadi/travel-queen]

    Mohon kritik dan sarannya. Jika berkenan dapat berkontribusi langsung ke repository-nya. Terima kasih


  7. [https://zikircounter.netlify.app/]
    A-10 Warthog
    izin share project kecil dengan javascript namanya dzikir counter bagi yang mau sourcodenya : [https://github.com/haniframadhani/dzikircounter]


  8. [https://pengaduan-smkn2kra.netlify.app/]
    Hendra Agil
    Halo semua, Izin share project tim, yaitu Sistem Pengaduan Sekolah.

    Awalnya cuma pakai Laravel untuk backend dan TailwindCSS untuk frontendnya -> [http://pengaduansmkn2kradev.herokuapp.com/] (bisa login sebagai admin, petugas, dan user).

    Tapi akhirnya dibikin lagi frontendnya lagi pakai React + Chakra UI dan jadilah -> [https://pengaduan-smkn2kra.netlify.app/] sebagai yang utama sekarang (hanya bisa login sebagai user, selain user pakainya link yang diatas tadi).

    • Untuk alurnya sudah ada di website.
    • Yang bisa mengelola akun user adalah admin.
    • Yang bisa menanggapi pengaduan adalah admin & petugas.
    • Sebenarnya bisa dapat notifikasi melalui email jika user menggunakan akun Gmail.
    • Informasi lebih lanjut bisa kunjungi websitenya, hehe.

    Untuk detail projectnya dan siapa saja kontributornya bisa cek di :

    Untuk akun yang bisa dipakai login : Email -> user@user.com Password -> user123

    Kritik dan saran bisa disampaikan di sini atau bisa open issue di repository github tadi, hehe. Terima kasih


  9. [https://ghazthiskc19.github.io/Project-Bootsrap-3]
    GHAZTHISKC
    Assalamualaikum Izin share Sebuah Project yang di buat sekitar 2 mingguan dengan menggunakan : :bootstrap: = Bootstrap 3 :html: dan :css:

    ini Source Code nya = [https://github.com/ghazthiskc19/Project-Bootsrap-3]

    Penjelasan dari web nya tentang ajakan untuk menjadi pecinta alam agar alam kita bisa menjadi asri kembali kenapa? Karena Siapa lagi yang akan menjaga lingkungan ini kecuali KITA, jika alam ini tidak di jaga maka akan terjadi bencana - bencana alam yang tidak di inginkan oleh kita dan bahkan sering terjadi seperti Banjir dan Kebakaran Hutan hal tersebut adalah ulah manusia Dan Siapa Lagi yang akan Menyelamatkan Alam Ini ?

    Dan Mohon untuk MEM VOTING dengan link di bawah ini [http://bit.ly/Website_Rating] Mohon sebisa mungkin untuk mengvote agar saya bisa mengetahui sejauh apa website yang saya buat Terimakasih Atas Partisipasinya saya terima kritik dan sarannya


  10. [https://hymos.github.io/ekskresi]
    hymos
    almaas izdihar halo semua ๐Ÿ‘‹

    izin share project web sederhana saya, hasil belajar sampai materi DOM di WPU sekalian buat tugas biologi

    dibangun menggunakan HTML CSS dan Javascript (tanpa framework) selama kurang lebih 5 hari, mulai dari bikin desain UI, ilustrasi, sampai implementasi kodenya

    dan kodenya mungkin masih bar-bar, kalo temen-temen ingin membuat kodenya lebih efektif, bisa ambil source code nya di repo github saya [https://github.com/hymos/ekskresi]

    dan buat temen-temen yang mau mampir ke webnya bisa kunjungi

    special thanks : pa dosen @sandhikagalih

27 Februari 2021

  1. [https://endeavour821.github.io/]
    TheWitness
    pagi semua mau share portfolio saya, minta kritik dan sarannya, dibuat menggunakan bootstrap 4.6, html,css,sedikit js , lalu ada typed.js dan aos.js, untuk versi mobilenya saya disable aosnya agar bisa responsive

    GitHub : [https://github.com/Endeavour821/Endeavour821.github.io]

  2. [https://fyfirman.tech/]
    fyfirman
    Halo Pak Sandhika & Temen-temen. Izin share website pribadi saya. Website ini dibuat menggunakan Gatsby (React.js). Fiturnya masih sederhana, hanya sebagai portofolio saya pribadi. Terimakasih semuanya.


  3. [https://faeest.rf.gd/]
    Mawang_Patron
    web portfolio buatan sendiri. iseng aja karena lagi luang. waktu pengerjaan nya 2 minggu di bawa santai. maaf kalo kurang optimal. score nya kecil soalnya hehe. ๐Ÿ˜…

    Tools : CSS , Vanilla JS , GSAP JS, PHP , Chart JS , Bootstrap.


  4. [https://flipcard.xyz/]
    cholis04
    Hallo semua ๐Ÿ‘‹, Izin Berbagi Project Web Aplikasi Sederhana mengenai Contact Profile Card dengan judul Flipcard .

    Project ini memungkinkan pengguna berbagi informasi tentang dirinya dan meletakkan beberapa akun hanya dalam satu link.

    Teknologi yang digunakan :

    Front End

    • Create React App - React JS
    • CSS Back End
    • Firebase as a Backend Service.

    Check My Flipcard : [https://flipcard.xyz/cholis04]

    Sebelum Link Flipcard dibagikan, pastikan status akun sudah aktif. Pengguna hanya bisa menambahkan beberapa akun yang telah disediakan dengan maksimal 12 Link.

    Kritik dan Saran sangat membantu pengembangan project ini.

    Hope it works


  5. [https://sukistore.netlify.app/]
    A-10 Warthog
    izin share project kelas full-stack web designer dari builtwith angga yaitu project ecommer untuk fashion di design dengan Adobe XD dan dibangun dengan HTML CSS BOOTSTRAP 4.3


  6. [https://eliezerdev.github.io/]
    Eliezer
    zin share project , baru 3 minggu belajar bikin web dari channelnya padika, dan ini adalah project portfolio dari challenge freecodecamp

    GitHub : [https://github.com/EliezerDev/EliezerDev.github.io]


  7. [https://crypto-market-navy.vercel.app/]
    yusufsryd
    Perkenalkan Nama saya Yusup supriyadi seorang Front end developer Dan Fullstack web developer

    Saya mau memperkenalkan website live harga cryptocurrensi pengambilan data dari API COINGECKO.COM

    Note: NEXT JS REACT QUERY CAKRA UI TAILWIND CSS

    Source Code: [https://github.com/yusupsupriyadi/COIN-MARKET-CAP]

    Terimakasih


  8. [https://islamic-bit.netlify.app/]
    Wahyu.All
    Hallo semuanya, izin share project website islami yg saya beri nama Islamic Bit. Fiturnya antara lain: โ€ข Baca Alquran โ€ข Doa2 harian โ€ข Info jadwal sholat โ€ข Asmaul Husna โ€ข Sholawat nabi โ€ข Dll Dibuat menggunakan html, css, js, jquery, serta list.js. Untuk plugin nya saya pakai hjjri-date.js


  9. [https://mnhjddn.github.io/work.html?code=layout-builder]
    mnhjddn
    Halo semuanya, izin share update dari project saya sebelumnya.

    Beberapa waktu lalu saya share project Bootstrap 4 Layout Builder, nah sekarang project itu sudah saya perbarui sehingga ada fitur untuk save, load, dan get kode html dari layout yang dibuat.

    Script ini saya buat menggunakan javascript. Sebagian besar menggunakan vanilla JS tapi karena masih pakai bootstrap 4, ada beberapa aspek yang perlu menggunakan JQuery.

    Logika pembuatannya sebenarnya mudah, hanya simpan data sebagai object json dan diparse untuk jadi html. Yang tricky mungkin di bagian animasi dan validasi-validasinya.


  10. [https://eripurniawan.great-site.net/]
    eri_purniawan
    Hallo semua, izin share Project website Portfolio saya sendiri. Ini website pertama saya setelah belajar dari WPU


5 Maret 2021

  1. [https://iqballbayhaqi.github.io/]
    Balee
    izin share web game dibuat dengan vanilla js


  2. [https://ramsonrajagukguk.github.io/pw_LandingPageGlassmorphis/]
    ramson
    Halo semua ๐Ÿ‘‹ , Izin share project Landing Page Portfolio yang sederhana.

    Awalnya landing page portfolio ini saya buat setelah belajar dari youtubenya Web Programming UNPAS dan beberapa sumber lainnya.

    Dari tahun 2019 saya buat landing page mengikuti ui design yang trends di tahun itu, landing page ini udah ada 3 versi. jadi tahun ini saya buat Portfolio Glassmorphism.

    Dibuat pake :

    • HTML
    • CSS
    • Vanilla Js
    • Bootstrap
    • Jquery
    • FontAwesome
    • aos.js (animasi scroll)

    Source code : [https://github.com/ramsonrajagukguk/pw_LandingPageGlassmorphis]

  3. [https://esteh.skom.id/]
    5l4p3r
    assalamualaikum warohmatullahi wabarrakatuh izin share Portfolio sederhana, Dibuat pakai : ReactJS, Bootstrap 5, ditambah particleJS Sebelumnya sudah pernah posting tapi kena saring mungkin kurang prolognya. setelah melihat NGOBAR#27 - Membuat Website Portfolio dengan BOOTSTRAP 5 jadi pengen lagi memperbaiki Portfolionya. Terakhir saya ucapkan Terima Kasih. Source: [https://github.com/5l4p3r/ememceha]

  4. [https://izfan.netlify.app/]
    Robi Sasaki
    Assalamu'alaikum, izin share project website statis. website ini terinspirasi dari video livenya pak Dhika saat buat web tribute page Twice. web ini dibuat menggunakan Vanilla HTML, CSS, JS dan library JS yaitu Swiper.js buka di desktop lebih baik terima kasih

  5. [https://akmalkhair.cf/]
    Akmal Khair
    assalamu'alaikum semua mau share portfolio saya, minta kritik dan sarannya, dibuat menggunakan bootstrap 4, html,css,sedikit js dan codeigniter 3

  6. [https://faeest.rf.gd/janken]
    Mawang_Patron
    mau share web game buatan sendiri. Game suit melawan bot. Belum kompatibel di layar menengah kebawah .Bukan lagi iseng, emang masih pelajar jadi ndak ada kerjaan. Saran nya kawan Tools: Vanilla JS, CSS, HTML, GSAP.JS

  7. [https://ridhoadtyaa.github.io/cek-resi/]
    MAUNG
    Halo Pak Dhika dan teman-teman, izin share hasil dari belajar rest API di WPU, dan ketika itu saya kepikiran buat bikin cek resi paket.

    Dibuat dengan :

    • Bootstrap
    • jQuery
    • AJAX
    • Aos.js Demo resi : 8825112045716759 ( JNE )

    Yang mau source code dan docs API nya bisa main ke repo saya : [https://github.com/ridhoadtyaa/cek-resi]

  8. [https://tausos.netlify.app/]
    rnb
    Share project Tausos

    Made by: html css js bootstrap

    Description: Tausos adalah website untuk menyimpan link sosial media, terinspirasi dari website ini.space punya bang hilmangrin

  9. [http://adeyusuf-portfolio.000webhostapp.com/]
    adeyusuf
    Assalamualaikum semua.. saya mau share web portofolio pribadi saya.

    Ini adalah sebuah website portofolio yang menampung semua project yang telah saya buat baik berupa web design, mobile app design dll.

    Sebenernya web ini telah saya rancang sejak tahun lalu, namun karena saya tengah fokus membuat program untuk tugas akhir jadi web ini sempat "terabaikan" selama beberapa bulan.

    Untuk teknologi yang dipakai semuanya menggunakan native html, CSS dan juga javascript tanpa framework atau library sedikitpun. Oleh karena itu web ini masih sangat sederhana dan masih memiliki banyak kekurangan.

    Dan ini adalah repository githubnya: [https://github.com/adeyusuf211/web-portfolio]

    Mohon masukannya apabila ada yang perlu diperbaiki.

    Terimakasih

  10. [https://eliezerdev.github.io/Quotes/]
    Ardhi as Eliezer
    Hii semua, saya mau share project sederhana saya setelah beberapa hari belajar ajax, ini adalah project untuk memberikan sebuah quotes secara acak.

    Project ini saya buat menggunakan bootstrap 5, dan saya memakai API dari [https://goquotes.docs.apiary.io/]

    Source Code: [https://github.com/EliezerDev/Quotes]

13 Maret 2021

  1. [https://fajarfirdaus.now.sh/]
    Udin
    Assalamualaikum semuanya, izin share web portofolio hasil belajar nodejs

    Framework :

    • NextJS
    • ReactJS
    • Tailwindcss
    • NodeJS

  2. [https://halamanku.web.id/]
    haizim

    Sore gan.. mau share projek yang saya bikin bulan lalu.. Cerita dikit.. Jadi saya kan baru lulus pertengahan 2020 kemaren. Dan sambil nunggu wisuda saya nerima beberapa projek web gitu.. Nah, ada tuh temen yang baru aja mulai usahanya, masih baru beberapa bulan waktu itu. Dia minta minta dibikinin landing page ke saya.. yaudah saya bikinin dan saya patok tarif biasa. Ternyata, dia bikin landing page tuh sebenernya buat biar FB ads-nya lebih maksimal gitu katanya.(Saya gak terlalu paham juga soal Ads-ads gitu siih). Dan kasusnya itu ada beberapa temen gitu yang order ke saya buat bikinin landing page. Yang minta dibikinin landing page tuh biasanya usaha2 yang walau baru, tapi udah punya "penyandang dana" gitu.. jadinya mereka berani spend buat promosi lebih gede. Tapi, ternyata temen saya yang coba buka usaha ada lebih banyak lagi yang emang ngerintis sendiri(gak punya "penyandang dana"). Alhasil mereka gak terlalu berani spend lebih buat promosi. Padahal ada beberapa yang produknya menarik (menurut saya). Nah, di sini nih saya ngerasa harusnya mereka juga bisa punya kesempatan buat promo lebih baik lagi..

    Jadilah saya bikin aplikasi web ini

    Jadi melalui web ini, mereka bisa bikin landing page mereka sendiri, tentunya klo mau buat ditaroh FB Ads, IG Ads, Google Analytics gitu juga bisa.. Tentunya GRATIS

    Yah, walaupun masih belum WAH banget. Tapi paling gak cukup lah buat bikin basic landing page

    Stack yang saya pake :

    • HTML
    • CSS
    • Vanilla Js (90%an)
    • Bootstrap
    • Jquery (buat Summernote)
    • Summernote (big thanks to it)
    • FontAwesome
    • PHP Native
    • MySQL

    Juga udah dilengkapi sama analytics sederhana yang mencakup :

    • traffic pengunjung 30 hari terakhir (ChartJS)
    • device yang banyak digunakan (ChartJS)
    • Pixel chart untuk aktivitas pekanan (manual)
    • interaksi terbanyak
    • URL asal terbanyak
    • IP terbanyak

    oiya, buat contoh yang pernah dibuat : [https://halamanku.web.id/enzowedding2]

    Silahkan klo mau dishare.. semoga membantu


  3. [https://wesee.tegar.me/]
    tegar akmal
    Sore semuanya , disini saya mau share project web yang kemarin di lomba kan di event re-cloud dan alhamdulilah ranking 8 dari 1000 peserta lebih yang ikut

    Disini saya membuat aplikasi web confrence seperti zoom atau google meet , nah dengan website ini kita bisa melakukan video call lebih dari 2 orang dengan hanya 1 kali klik.

    ada beberapa fitur dari web ini seperti : 1.realtime video call 2.realtime group chat 3.share screen 4.setting audio 4.setting video 5.mute video 7.mute audio 8 login dan daftar 10.join room dengan link atau kode 12.live whiteboard seperti jamboard google 11.dan lain lain

    Teknologi Yang dipakai : 1.React js 2.Express js 3.socket io 4.webrtc 5.Typescript 6.Peerjs 7.firebase

    Maaf kalau belum sempurna, saya baru belajar website developer kelas 2 smk tahun kemarin jadi belum banyak pengalaman .

    ===== Disarankan Testing lewat Dekstop dan menggunakan crome , soalnya ada beberapa fitur yang tidak support di android seperti sharescreen dan live whiteboard ====

    Waktu pengerjaan : 2 - 3 minggu Github : [https://github.com/tegar97]

    Terima kasih


  4. [https://almed-std.github.io/]
    Almed.STD
    Baru belajar bikin web... Mohon bimbingan, kritik dan sarannya Source Code : [https://github.com/almed-std/almed-std.github.io]

  5. [https://moladev20.github.io/learnio.github.io/]
    Sabil
    Assalamualaikum, kali ini saya mau showcase projek saya , sebuah landing page minimalis yang di buat dengan html, css, dan library" JS.

    Website landing page pembelajaran pemrograman ( Learn.io )

    Silahkan bagi temen-temen yang mau ambil SCnya bsa ke github saya => [https://www.github.com/moladev20]

    Semoga bermanfaat. dan untuk pak Dika, saya merasa sangat senang sekali jika bapak ada kesempatan mereview projek saya


  6. [https://madkod.my.id/]
    rnb
    Izin share karya Madkod | Mading Koding Kalian bisa memperlihatkan karya, buka jasa, dan mencari atau menyediakan lowongan pekerjaan khususnya dibidang programming.

    Jika kalian kurang nyaman dengan tampilan cerah maka kalian bisa nyalakan mode malam pada bagian footer.


  7. [https://kuchingneko28.github.io/landing-page/src/]
    Maika Chan (nobodyxxx2)
    Izin share project landing page Dibuat dengan:

    • Html
    • Tailwind Css

    Source code: [https://github.com/kuchingneko28/landing-page]

    Mohon kritik dan saran nya baru belajar front end


  8. [http://rijal.epizy.com/]
    bebs21
    izin share project web pribadi pak, perkembangan dari web pribadi v1.0 ke 2.0, framework: bootstrap 4

    boleh kritik dan sarannya, sangat membantu sekali pak, terima kasih


  9. [https://alquranku.netlify.app/]
    Kyo
    izin share project sederhana, semacam website islami yg isinya :

    1. al - quran, termasuk (audio, teks dalam latin, terjemahan ke english indonesia, tafsiran dalam bhs indonesia)
    2. doa sehari - hari (contoh : doa makan, doa sebelum tidur, doa mengenakan baju dll)
    3. kisah - kisah nabi, yg cukup lengkap.

    teknologi yang digunakan : -untuk kerangka dan styling saya masih menggunakan html dan css native -untuk library nya saya menggunakan vue.js (website ini sebnarnya hasil dari latihan saya menggunakan vue js)

    • vue router dari vue js
    • js vanilla (sedikit)

    untuk source datanya saya dapat dari public API, untuk source API nya dan informasi lebih lanjut bisa ke : [https://alquranku.netlify.app/about]

    (untuk bagian mobilenya seperti ada beberapa bug ๐Ÿ˜… )


  10. [https://github.com/satyawikananda/awesome-loker-it-indonesia]
    Satya W

    Halo semua, ijin share projek open source yang baru saja aku bikin. Projek ini bertujuan untuk memberitahu lowongan kerja IT yang ada di provinsi provinsi di seluruh Indonesia dan setiap lowongan kerja akan di tampilkan dalam format markdown.

    Sistemnya itu setiap harinya akan di update terus dengan bantuan github actions yang sudah ada penjadwalannya, serta datanya sendiri diambil dari API GraphQL yang ada di Jobstreet (mungkin kedepannya API nya akan aku update atau tambah lagi). Bahasa pemrograman yang dipakai untuk projek ini adalah Typescript.


20 Maret 2021

  1. [https://antonwiji.github.io/]
    antonwiji
    Assalamu'alaikum pak dika, izin share website portofolio saya yang terinspirasi dari tutorial youtube pak Dika membuat website portofolio Menggunakan Bootstrap v5. Saya membuat website menggunakan.

    • HTML
    • CSS
    • JavaScript
    • Bootstrap v5
    • Figma(Redesign)

    Serta Penambahan Kirim Pesan Email. Silahkan kritik dan saran dari pak dika. Wassalamu'alaikum wr.wb


  2. [https://nicofzzn-typemaster.netlify.app/]
    nicofz
    Halo semua, izin share website sederhana untuk melatih keceepatan mengetik. Website ini mirip seperti 10fastfingers dan dibuat menggunakan typescript dan reactjs

    terimakasih

    GitHub : [https://github.com/nicofzzn/typemaster]


  3. [https://yanamaulana.github.io/]
    yana69
    Halo bapak dika , dan kawan kawan semua, Izin share portfolio sederhana diri saya, yang saya buat menggunakan html ,css dan ES6 , saya hosting di github pages Over all masih statik , tapi ucapan selamat datang nya sudah saya generate bersarkan waktu akses. Terimakasih.

    GitHub : [https://github.com/yanamaulana/yanamaulana.github.io]


  4. [https://faeest.rf.gd/card-flip]
    Mawang_Patron
    mau share game web buatan sendiri lagi. Namanya Flip the Card. Dilayar menengah ke bawah harusnya kompatibel kalau masih di level rendah. Saran nya kawan.

    Tools : HTML, CSS, Vanilla JS, GSAP, Bootstrap, FontAwesome

    Note :

    • Cara main nya tinggal mencocok kan kartu yang diberikan
    • Suaranya ( harusnya ) udah ngak ngagetin
    • Data game disimpan di local storage
    • Bisa di edit sesuka hati ( level max : 200 )
    • Selamat mancoba

    GitHub : [https://github.com/SiMamank115/card-flip.git]


  5. [https://adhywiranto44.herokuapp.com/]
    adhywiranto44
    Halo guys, mau share website portfolio sederhana saya. Jadi web static ini udah dibuat dari tahun lalu dihosting pakai Github Pages, tapi saya ingin mengembangkannya lagi biar bisa ngelakuin CRUD sebagai blog web juga, maka dari itu saya pake Runtime Node.js biar bisa melakukan hal tersebut. Nah platformnya sekarang sudah pindah ke Heroku.

    Stack:

    • Node.js
    • Bootstrap 4
    • JQuer

  6. [https://rafaelbrahmantya.github.io/]
    RafaelBrahmantya
    Selamat malam, Ijin share website portofolio, website ini saya buat sebagai latihan dan projek agar bisa saya masukan ke website utama saya, Website ini saya buat dengan : Bootstrap 5 HTML dan Javascript (Serta Popper).

    GitHub : [https://github.com/rafaelbrahmantya/rafaelbrahmantya.github.io]


  7. [https://rakit.esyede.my.id/]
    esyede
    Selamat malam teman-teman, izin share sebuah project yang saya beri nama rakit.

    Ide project ini berawal saat saya merasa kesulitan untuk deploy dan update aplikasi yang saya buat menggunakan laravel (ya, saya juga pengguna laravel) yang ukurannya sampai 100-an MB ke shared hosting murah langganan saya yang hanya punya fitur ftp.

    Cara kerjanya dibuat mirip laravel agar lebih mudah dipelajari oleh teman-teman yang sudah pernah mencoba laravel.

    Fitur

    • Ukuran relatif kecil (< 1MB sudah termasuk dokumentasi offline).
    • Bisa berjalan di PHP 5.4 sampai PHP 8 (unit-tested)
    • Bisa digunakan dengan ataupun tanpa Composer.
    • Routing via Closure maupun Controller (MVC).
    • View dan templating (native / blade).
    • Abstraksi database (ORM dan Query Builder).
    • Schema builder.
    • Migrasi database.
    • Otentikasi sederhana.
    • CLI tool.
    • Dan masih banyak lagi..

    Links

    Stack:

    • Website: PHP, Bulma CSS dan Vanilla javascript
    • Rakit: PHP, Bulma CSS dan Vanilla javascript untuk dokumentasi offline
    • Github Actions untuk automatic build

    PS: Tolong bantu spread the word ya teman - teman! Buat teman - teman yang ingin berkontribusi, silahkan kirim PR ataupun open issue. Sangat saya apresiasi kritik dan sarannya. Terimkasih banyak teman-teman.


  8. [https://tiyoy.github.io/responsive-resume-cv/]
    Cecep Maulana ใƒ„
    Assalamualaikum pak Dhika, Saya mau share project sederhana berupa resume ( CV ) berbasis website statis & insya allah sudah responsive..

    Saya menggunakan :

    • HTML
    • CSS
    • Javascript ( Vanilla )

    Untuk Library nya Saya menggunakan :

    • Library html2pdf

    Fitur dari web sederhana ini :

    • Download Resume menjadi format PDF ( Mode Desktop / Mode Mobile )
    • Dark / Light Mode

    Dsini saya tidak menggunakan Framework sama sekali kecuali library yg sudah saya sebutkan diatas..

    Cukup sekian penjelasan dari saya kurang lebih nya saya mohon maaf apabila masih ada kekurangan dari website ini..

    Wassalamualaikum wr wb

    GitHub : [https://github.com/tiyoy/responsive-resume-cv]


  9. [https://tulusibrahim.github.io/portfolio/]
    tulusibrahim
    Halo semua, mau share portfolio saya. Bikin website ini buat ngelatih fundamental css, js saya biar lebih kuat lagi, dan supaya bisa dilirik recruiter soalnya udah mau magang.

    Dibikin dengan html, css, js, gsap.

    Minta kritik, saran biar design nya bisa lebih bagus lagi, terima kasihh.

    GitHub : [https://github.com/tulusibrahim/portfolio]


  10. [https://haniframadhani.github.io/]
    Mie Kocok
    Halo semua, saya mau share website portofolio saya. Didesain dengan figma dibuat dengan html, css, vanila javascript, bootstrap dan nyontek sedikit di youtube untuk resposive navbar di kanal dev ed.

    Mohon kritik dan saran serta beritahu saya jika ada yang bermasalah dengan website saya.


27 Maret 2021

  1. [https://climher.netlify.app/]
    Wahyu.All
    Halo semuanya, izin showcase proyek web prakiraan cuaca. Saya buatnya pakai HTML, CSS, Javascript, dan sedikit Bootstrap.

    Untuk API nya saya pakai OpenWeatherMap. Tema web nya juga akan berganti otomatis saat siang dan malam.


  2. [https://fajarr-m.github.io/]
    MlkyWayy.
    Assalamualaikum, Halo semua izin share website portfolio sederhana saya, web masih statis, untuk form contactnya sudah jalan

    Saya menggunakan:

    • html
    • css
    • js
    • bootstrap 5
    • parallax.js (Untuk membuat efek parallax)
    • Crisp (Membuat chatbox)

    Silahkan kritik dan sarannya dari pak dhika dan teman teman semua, Terimakasih.

    GitHub: [https://github.com/Fajarr-M/Fajarr-M.github.i]


  3. [https://beaunature.netlify.app/]
    gilangcsy
    Assalamu'alaikum. Halo semuanya, saya izin share web landing page buatan saya. Ini buatnya pake react.js dan bootstrap. Mohon kritik dan sarannya. Terima kasih.

    GitHub: [https://github.com/gilangcsy/beaunature]


  4. [https://ghazthiskc19.github.io/Project-Bootsrap-3]
    GHAZTHISKC
    Assalamualaikum Izin share Sebuah Project yang di buat sekitar 2 mingguan dengan menggunakan : Bootstrap, HTML dan CSS

    Penjelasan dari web nya tentang ajakan untuk menjadi pecinta alam agar alam kita bisa menjadi asri kembali kenapa? Karena Siapa lagi yang akan menjaga lingkungan ini kecuali KITA, jika alam ini tidak di jaga maka akan terjadi bencana - bencana alam yang tidak di inginkan oleh kita dan bahkan sering terjadi seperti Banjir dan Kebakaran Hutan hal tersebut adalah ulah manusia Dan Siapa Lagi yang akan Menyelamatkan Alam Ini ?

    GitHub: [https://github.com/ghazthiskc19/Project-Bootsrap-3]


  5. [https://hudadamar21.github.io/miku-hitme/]
    hudadamar21
    share hasil belajar dari pak dhika, yang pukul tikus. Miku: Hit me!

    GitHub: [https://github.com/hudadamar21/miku-hitme]


  6. [https://kewcoder.github.io/]
    kewcode
    Assalamu'alaikum. Halo semuanya, saya izin share web Personal portfolio Website dengan HTML CSS JS native

    GitHub: [https://github.com/kewcoder/kewcoder.github.io]


  7. [https://brondok.chanofficial.com/]
    fajar-chan
    assalamuaikum

    showcase project Web for fun web ini saya buat sendiri yang terinspirasi dari web secreto.site , kita bisa buat pesan kemudian orang lain dapat mengirim feedback ke kita secara anonim dari link yg kita bagikan. brondok diambil dari istilah bahasa dimedan, artinya sembunyi. web ini dibuat dengan bootstrap 5, php, library sweetalert


  8. [https://blogzen.surge.sh/]
    catatanzen.my.id
    Blog sederhana. Dibuat dengan Bootstrap, Purge CSS untuk menghapus style yang nggak dipakai, dan Svelte Kit


  9. [https://ramsonrajagukguk.github.io/pw_hutacase/]
    ramson
    Hallo semua, Ijin share website landing page tentang project toko casing handphone, website ini saya buat sebagai latihan agar bisa lebih mahir tentang web, dan mecoba menggabungkan Boostrap5 dan Tailwindcss. sekaligun mencoba form yang bisa kirim pesan ke google sheet dan menambahkan validasi form . bolah juga kirim pesan-pesan melalui formnya ya... .Terimakasih Atas Partisipasinya saya terima kritik dan sarannya agar lebih bagus lagi kedepanya. Website ini saya buat dengan :

    • HTML
    • Bootstrap 5
    • Tailwindcss
    • CSS
    • Javascript

    GitHub: [https://github.com/ramsonrajagukguk/pw_hutacase]


  10. [https://cept.github.io/GithubUser/]
    AcepR
    Assalamu'alaikum Izin share project nya, apk sederhana Github User untuk mencari pengguna yg ada d github, ngambil API nya langsung dri github. untuk setiap pencarian list d batas sma github smpai 30 list. Web ini d buat tanpa framework menggunakan :

    • HTML
    • CSS Vanilla
    • Javascript Vanilla

    Web ini merupakan implementasi hasil belajar di kampus online tercinta Web Programming Unpas. Playlist(Javascript Lanjutan, Rest API, dll). Trimakasih Pa Sandhika :)

    GitHub: [https://github.com/cept/GithubUser]



3 April 2021

  1. [https://rapi-ui.kikiding.space/]
    Kiki
    Halo semua, mau share library/npm package UI yang saya buat. siapa tau disini ada yang pakai react native ini saya bikin UI components library yang tinggal pakai Webnya sendiri dibuat pakai docusaurus kalau librarynya sudah pakai typescript

    Demo : [https://expo.io/@kidingki/projects/react-native-rapi-ui-showcase] Github : [https://github.com/codingki/react-native-rapi-ui]


  2. [https://ditttt.github.io/dittttlinktree.github.io/]
    Ditttt
    Hallo Semua, Izin Share Website LinkTree Sederhana Website LinkTree Yang Saya Buat Hanya Menggunakan :

    1. HTML
    2. CSS
    3. Bootstrap
    4. Google Fonts

    Github : [https://github.com/Ditttt/dittttlinktree.github.io]


  3. [https://ryuuwiz.github.io/team-generator/]
    ryuuwiz
    Halo Semua, Saya izin share project Random Team Generator dengan Menggunakan Vanilla Javascript dan Bootstrap 5.

    Project ini saya buat karena selalu melihat Pembagian Kelompok yang kurang adil.

    Github : [https://github.com/ryuuwiz/team-generator]


  4. [https://fiqriardiansyah-82a2c.web.app/]
    fiqriardians
    Pagi semua ,saya mau izin share project web portfolio sederhana saya dan didalam nya ada beberapa link web saya yang lainnya. Untuk web portfolio ini saya bangun dengan:

    • Html
    • scss
    • Javascript
    • Menerapkan web component
    • Library: animejs, dll Untuk web project yang lainnya saya bangun menggunakan reactjs + firebase sebagai backend

    Github: [https://github.com/fiqriardiansyah/readme]


  5. [https://aufarijaal.github.io/home/]
    aufarijaal
    Halo teman-teman semua, numpang show project sederhana saya. Project yang saya buat awalnya terinspirasi dari sebuah chrome extension yang namanya Momentum. nah project ini yaitu sebuah halaman Homepage / Startup Page / New Tab Page untuk browser yang ditampilkan ketika kita buka tab baru atau ketika baru buka browser dan bisa nyimpan link/web yang sering kita kunjungi.

    fitur:

    1. Menyimpan bookmark / link yang sering dikunjungi
    2. Memberi warna untuk setiap bookmark / link yang baru disimpan
    3. Toggle dark / light mode
    4. Greeting berdasarkan waktu.
    5. Show waktu dan tanggal realtime.

    teknologi yang digunakan:

    • HTML :html:
    • SCSS + Autoprefixer :sass:
    • Vanilla Javascript + localStorage :js:

    Resource:

    • Heroicons
    • Hero Patterns
    • Tailwind css colors
    • Animista

    Cara pakai:

    1. Download ZIPnya atau Clone dari github
    2. ekstrak
    3. Buka index.html dibrowser
    4. Install New tab redirect di chrome web store [https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna]
    5. copy url index.html yang tadi ke pengaturan New Tab redirect nya lalu save

    Github: [https://github.com/aufarijaal/home]

    Terimakasih. btw barangkali nemuin "hama" mon maap yak, masih belajar juga hehe


  6. [https://gunawanahmad.github.io/pathfinding-visualizer/#/]
    GunOne
    Hallo Semuanya Perkenalkan saya Gunawan dari Lampung saya ingin share project yang saya buat yaitu Sebuah Pathfinding Visualizer. Pathfinding adalah sebuah teknik dimana kita diminta untuk menemukan jarak terpendek diantara dua buah titik. Ada cukup banyak Algoritma pathfinding yang dapat menyelesaikan masalah ini. Nah di project ini saya memvisualisasikan algoritma-algoritma pathfinding ini. di project ini saya baru buat dua algoritma saja yaitu Dijkstra Algorithm dan A* (A star) Algorithm dan insha Allah akan membuat algoritma yang lain seperti Bidirectional, Sample, dll. Buka nya di Dekstop ya karena memang tidak dibuat untuk mobile device :slight_smile:.

    Untuk tools Pake Vue JS dan SCSS

    Link GITHUB : [https://github.com/GunawanAhmad/pathfinding-visualizer] Link Portfolio : [https://gunawanahmad.github.io/]

    Terimakasih Semuanya


  7. [https://project-kalian.githubpage.my.id/]
    Mart
    Halo semua,

    Ijin ikutan show case project. Ide project ini yaitu untuk menampilkan list dari project yang ada di repo [https://github.com/sandhikagalih/project-kalian] agar lebih rapi dan mudah di filter berdasarkan periode. projectnya sangat simpel hanya menggunakan API dari GitHub untuk akses file README.md dari repo Project Kalian terus di ekstrak mengikuti pola tertentu menggunakan library [https://github.com/symfony/dom-crawler] menjadi JSON yang berisikan list project. sederhananya project ini hanya scrapping aja.

    Library yg dipakai KnpLabs/php-github-api => GitHub API Wrapper untuk php erusev/parsedown => Parsing Markdown ke HTML symfony/dom-crawler => Untuk crawling

    GitHub : [https://github.com/gladmartin/project-kalian-mirror]

    Sekian.


  8. [https://peterchristoval.github.io/]
    Peter Christoval
    Halo semua, izin showcase project web portfolio saya, website ini saya bikin menggunakan html, css dan bootstrap saja. Untuk inspirasi website saya lihat dari dribbble.com, untuk web hosting saya pelajari dari channel WPU dan mohon maaf sebesar besarnya apabila website ini tidak terlalu bagus dan terlalu sederhana. Terima kasih, mohon nilai dan kritiknya

    Github: [https://github.com/PeterChristoval/peterchristoval.github.io] Design : [https://www.figma.com/file/IlQYcR2kZKWDxRvxq5suqP/Web-Portfolio?node-id=0%3A1] [https://www.figma.com/proto/IlQYcR2kZKWDxRvxq5suqP/Web-Portfolio?node-id=1%3A2&scaling=min-zoom]


  9. [http://pondok.airdev.tech/#/]
    IrvanThole
    Hallo semua saya irvan dari pasuruan jawa timur, saya ingin share hasil belajar saya, sebenarnya saya mendesain ui untuk mobile apps dan mengimplementasikan untuk aplikasi, tapi saya pas saya run web ternyata bisa jalan dengan baik. web ini saya buat dengan flutter. untuk data nya saya ambil dari open api milik Zhirrr.

    link GITHUB : [https://github.com/cv-irvan/islamapps] link PROFILE : [http://www.airdev.tech/]


  10. [https://haizim.one/blog]
    haizim
    Sore gan.. ijin share percobaan pertama habis belajar ReactJS -+ 1 pekan Jadi ini ceritanya saya mbikin blog gitu..

    fiturnya:

- single page
- bisa dibookmark

Dibikin pake:

- ReactJS
- HTML
- CSS
- JSX

Waktu pembuatan:

- Nyari inspirasi & desain : 1 hari
- Coding : 2 hari

Buat ilustrasinya juga seluruhnya saya bikin sendiri pake inkscape

 Oiya, buat inspirasinya saya dapet dari
 [http://www.rleonardi.com/interactive-resume/]



10 April 2021

  1. [https://fs-15.github.io/portofolio/]
    FS_15

    Fanni Syarifudin

    Assalamualaikum pak Dhika, Saya mau share project porofolio saya, hasil belajar dari Youtube WebProgrammingUnpas NGOBAR#27 meskipun untuk contact form belum bisa di akses

    Saya menggunakan :

    • HTML
    • CSS
    • Javascript
    • AOS.js

    GitHub: [https://github.com/fs-15/portofolio]

    Terimakasih banyak Mohon kritik dan sarannya


  1. [https://shell-game-4e62b.web.app/]
    eja
    Assalamualaikum semuanya, mau share project game pertama yang sangat sederhana hasil dari belajar react

    cara mainnya cari bola kuning diantara 3 kotak bisa publish score kalo ingin update score, masukkan nama yg sama dan score harus lebih besar dari yg score sebelumnya

    teknologi yang digunakan :

    • front end : React Js
    • design : TailwindCSS
    • back end : firebase

    GitHub: [https://github.com/ezza022/Shell-Game]


  1. [https://hudadamar21.github.io/saxtile]
    hudadamar21
    Share project webapp yang dibuat karena permasalahan pribadi.

    Latar belakangnya ketika saya menemukan sebuah link yang menarik ataupun link download film/games/anime di hp, dan ingin membukanya di laptop saya. sebelum saya membuat webapp ini saya ketika seluruh url pada link tsb, dan itu sangat merepotkan.

    Oleh karena itu saya membuat web aplikasi untuk menyimpan text dan bisa mengcopy atau langsung membuka link tsb.

    • Web App ini bernama Saxtile.

    • Singkatan dari Save Text & File.

      Saya jg menambah save file karena males ketika ingin mengcopy file yg ukurannya cuma kurang dari 3mb ke laptop.

    harus colok kabel atau buka shareit trus sinkronisasi. pokoknya males dan tentu sudah PWA agar bisa dengan mudah diakses tanpa internet (kalo save file engga bisa).

    fungsi utama dari web app ini memang simple, tpi sangat usefull untuk saya

    Webapp ini dibuat dengan.


  1. [https://kodekuy.github.io/]
    aageboi
    Halo semua, ijin share web kumpulan project2 supaya lebih menarik dilihat dan memudahkan dalam pengelompokkan jenis projectnya.

    Dibuat hanya dengan HTML, Bootrstrap, Javascript. Data source menggunakan API Github.


  1. [https://gustibagusbayu.github.io/]
    Bayu Adi
    Halo semua, ijin share web portofolio dibuat dengan :
    • bootstrap
    • jarallax plugin untuk effect parallax
    • GSAP untuk animasi loadingnya

  1. [http://tatsturaq.getenjoyment.net/]
    muhammad tatas maulana
    Halo semua, perkenalkan nama saya muhammad tatas maulana asal lombok kelas 7, saya ijin share web ppdb online yang dibuat dengan :

    • bootstrap
    • php
    • java script

    Mohon sarannya kepada teman teman semua, terima kasih

  2. [http://u-restaurant.netlify.app/]
    adeyusuf
    Assalamualaikum, saya izin mau share karya saya..

    Ini adalah sebuah website untuk restoran / penjualan makanan yang saya buat dengan menggunakan:

    • HTML
    • CSS
    • Vanilla JS

    Jadi ceritanya, karena saya sedang tidak ada kegiatan dan saya ingat kalau saya pernah membuat sebuah desain website yang belum di slicing, jadi desain itu saya convert menjadi sebuah website.

    Web ini saya kasih nama "uRestaurant" (dibaca yu-restaurant), yang merupakan sebuah website untuk usaha dibidang restoran atau penjualan makanan. Website ini dapat anda gunakan secara GRATIS jika anda memiliki bisnis dibidang serupa, namun belum mempunyai website untuk mempromosikannya.

    GitHub: [https://github.com/adeyusuf211/uRestaurant-Food-Web-Design]


  3. [https://github.com/DeriFirgiawan/facebook-clone]
    Ei_kan_Saja
    Assamualaikum semuanya, izin share Repository github Saya mencoba membuat clone Facebook dengan React JS & Firebase. Namun sayangnya setelah saya bertanya tanya di komunitas, ini tidak bisa di publish dikarenakan takut terkena copyright oleh pihak yang terkait. Jadi saya hnya simpan di github saja

    Teknologi Yang digunakan:

    • React JS
    • Firebase
    • Redux / thunk
    • Bootstrap V.5
    • Boxicons
    • node-sass

  1. [https://davin.id/]
    Davin Wardana
    Halo teman - teman, disini saya membuat project dengan fungsi wallet atau berbagai macam pembayaran didalamnya, dapat untuk menyimpan deposit dan juga membeli layanan seperti gopay, dana, wifi id, voucher game, pusla, data dan lainnya menggunakan system API.

    Untuk melakukan login bisa daftar account terlebih dahulu di halaman [https://davin.id/auth/register] dan login langsung setelah daftar. Atau menggunakan demo

    user : demo pass : demo

    Dibuat dengan

    • html, php, css, js
    • MySQL
    • API

  2. [https://almed-std.github.io/]
    Almed.STD
    Assalamualaikum pak dhika dan teman teman semua.... Saya mau share web portfolio sederhana saya...

    Web ini dibuat menggunakan : -bootstrap -fontawesome -AOS (Animate On Scroll) Library

    GitHub: [https://github.com/almed-std/almed-std.github.io]

    Ditunggu Kritik dan sarannya... Terima Kasih...



17 April 2021

  1. [https://cirsqu.dedeard.my.id/]
    dedeardiansya

    vue js - realtime post system

    Website simpel ini dibuat dengan:

    • vuejs
    • socket.io
    • mongodb
    • expressjs
    • google cloud storage

    Link:


  2. [https://shoes-commerce-iamyuu.vercel.app/]
    iamyuu

    Halo man teman, saya mau membagikan mini projek saya, ini projek hasil belajar redux

    Dibuat dengan:

    • React (Next.js) as JavaScript library
    • Chakra UI as UI component
    • SWR as remote data fetching
    • Redux Toolkit as state management

    GitHub: [https://github.com/iamyuu/shoes-commerce]


  1. [http://maajid.herokuapp.com/]
    athallahmaajid

    Halo teman-teman, saya mau membagikan web portofolio saya pada web ini terdapat fungsi register, login, dan juga news bagi yang sudah login

    Dibuat Dengan:

    • html, css
    • bootstrap 4
    • PostgreSQL
    • Django

    Source: [https://github.com/athallahmaajid/My_Portfolio]


  2. [https://s-codedev.github.io/]
    semydelavega

    Halo teman-teman, saya mau membagikan Company Profile yang saya buat untuk memulai usaha di bidang web development. Mohon kritik dan sarannya teman-teman, Company Profile ini saya buat dengan menggunakan :

    • HTML, CSS
    • Bootstrap5
    • AOS.JS
    • Parallax.JS (Inspirasi dari MilkyWay)
    • SweetAlert Sama form contactnya udah connect ke google sheet

    GitHub: [https://github.com/s-codedev/s-codedev.github.io]


  3. [https://ggquiz.netlify.app/]
    erikdh

    Assalamualaikum, salam kenal temen-temen semua.. Punten ijin ikutan show case project pertama saya disini

    Project nya adalah game kuis sederhana, namanya GGQuiz. Jadi game kuis ini terinspirasi dari acara kuis legendaris 'Who Wants to Be a Millionaire'. Game ini mengadopsi rules permainan yang hampir sama dengan acara tersebut, dan didalamnya memiliki fitur yang beragam supaya membuat game ini terasa lebih fun!

    Ada banyak kategori pertanyaan yang bisa dipilih, tapi bakal ditampilkan secara random dalam sekali permainan, dan tingkat kesulitannya akan selalu mengikuti sesuai tingkatan levelnya.

    Game nya cuma dibuat pake HTML, Bootstrap, JS vanilla, API. Desainnya dibuat pake XD Khusus dipake main di desktop/pc, belum optimal buat mobile

    Untuk rules game yang lebih jelasnya bisa langsung cek di gamenya

    source : [https://github.com/erikhant/GGQuiz-game]

    Mohon mangap kalo ada bug, masih belajar soalnya hehe

    NOTE : karna pertanyaan nya hasil terjemahan, kalian mungkin akan menemukan opsi jawaban yang terkadang kurang nyambung dengan pertanyaannya, karena ada kata-kata dari bahasa inggris yang sebenarnya tidak memerlukan translasi seperti: judul film, nama sebutan dll. Saya sendiri belum tau cara fix nya, tapi untuk sementara saya solving hal itu dengan membuat tombol switch language ke bahasa defaultnya (english) supaya nyambung dibacanya.

    Mungkin para gg coding disini bisa kasih saran yang membangun.


  4. [https://nekotoon.com/kalkulator]
    KuchingNeko

    Izin share project iseng" buat kalkulator versi web ๐Ÿ˜† Dibuat dengan:

    • PHP
    • CSS Native

    Source: [https://github.com/kuchingneko28/kalkulator-php]


  5. [https://gilangramadhanhatno.github.io/grh/]
    Ngale

    assalamualaikum wr.wb

    Halloo semuaaa, izin share project hasil belajar di web programming unpas dan kelasnya pak dhika di kelas bwa full stack designer. Web ini saya buat menggunakan:

    • HTML
    • CSS
    • JAVASCRIPT

    Mohon kritik dan sarannya dari pak dhika dan teman-teman semua. Terimakasih.

    source: [https://github.com/gilangramadhanhatno/grh]


  6. [http://rafieaydin.rf.gd/]
    Yuhnpa

    Halo teman-teman, saya mau membagikan web portofolio saya pada web ini terdapat fungsi register, login, dan admin

    • HTML, CSS
    • Bootstrap5
    • PHP
    • MySQL

    Source: [https://github.com/Rafieaydin/Portofolio-saya]

  7. [https://kyraongithub.github.io/portofolio/]
    FS_15

    Halo teman-teman, izin share project portfolio saya yaa, web ini dibuat menggunakan:

    • Reactjs
    • Bootstrap4:bootstrap:

    Boleh dikasih kritik dan saran hehe:smile: Terimakasih

    GitHub: [https://github.com/Kyraongithub/portofolio]


  8. [https://amienulrana.github.io/healthysalads/]
    Amienul rana

    Selamat siang kawan-kawan, Izin share website yang saya buat hasil dari pembelajaran dari pak sandhika, baik yang gratis atau pun yang Premium(bwa).

    Website landing page ini saya contoh dari desain dribble [https://dribbble.com/shots/14947408-Food-landing-Page-Design/attachments/6664400?mode=media] Untuk animasi nya saya menggunakan getBoundingClientRect().top

    Dibuat dengan โ€ขHTML โ€ขCSS โ€ขAJAX โ€ขVanila Javascript โ€ขJSON(untuk menu yang berada di dalam aplikasi)



24 April 2021

  1. [https://zhirrr.github.io/Pixel-Runner-Game]
    Zhirrr Studio

    Assalamualaikum Teman2, Saya Zahir Asal Jakarta Kelas 8 SMP, Ingin Membagikan Project Game Saya Yang Bernama "Pixel Runner Game" Game Ini Saya Buat Saat Memiliki Waktu Luang Saja, Serta Game Ini Dibuat Dengan :

    Note : Game Ini Hanya Bisa Dimainkan Di PC atau Laptop, Karena Controller Nya Saya Set Hanya Keyboard Saja Yg Bisa Menjalankan Nya Cara Main : Gunakan SPACE Untuk Melompat Maap Kalo Masih Jelek Dan Bug, Hehe :)


  2. [https://ary62.github.io/ChineseFoods/]
    Ary

    Hallo semua izin share ptoject saya ya..

    project ini adalah website sederhana penjualan makanan..

    saya baru belajar membuat web selama seminggu di chanel web progaming unpas, dan website ini saya buat selama 5 menit...

    Dibuat dengan ๏ผš -HTML -CSS -Bootstrap5 -JS

    mohon kritik dan sarannya yaa.. thankyuu..


  3. [https://rakhi-azfa.github.io/]
    Rakhi Azfa

    Assalamu'alaikum teman-teman semua izin share project portfolio sendiri, dibuat dengan:

    • HTML

    • CSS

    • JS

    • Tailwind CSS


  4. [https://derif-covid-landing-page.netlify.app/]
    Ei_kan_Saja

    Selamat pagi semua, izin share Web Covid19 Landing Page Yang di bangun dengan :

    • HTML
    • SCSS
    • Bootstrap v5
    • AOS animation

    Repo : [https://github.com/DeriFirgiawan/Covid-19-Landing-Page]


  5. [https://anistack.com/]
    Gerrard Arya

    Selamat pagi semua, izin share project saya yang sudah lmyn lama dikembangin

    Website ini fokus untuk ke Informasi , Portal Berita, dan Forum Anime & Manga

    Made by: -Laravel, MySql, Javascript, VueJs, Ajax -Laravel socialite untuk login google dan fb

    Mohon kritik dan saran bila ada kekurang / bug . Terima Kasih


  6. [https://ditttt.github.io/discordbotadit.github.io/adit.htm]
    Ditttt

    halo semua, selamat pagi, siang, atau malam, pada kesempatan kali ini saya izin share project website + bot discord, website yang saya buat hanya menggunakan :

    1. html
    2. bootstrap
    3. css
    4. vanilla javascript
    5. fontawesome
    6. crisp.chat
    7. Jquery ini link source codenya : [https://github.com/Ditttt/discordbotadit.github.io]

  7. [http://covidteria.rf.gd/]
    ShaWann

    Assalamualaikum Wr Wb

    Halo Selamat Malam/Siang/Pagi, Perkenalkan saya Muhammad Syafwan Ardiansyah, Saya izin share project website kuesioner covid yang saya beri nama Covidteria, untuk memulai kuesionernya cukup menekan button berwarna merah yang bertuliskan "Mulai Kuesioner", kemudian sebelum memulai kuesionernya user harus mengisi Nama, umur dan jenis kelamin, lalu user akan diberikan 10 pertanyaan. Setelah user selesai menjawab semua pertanyaan, User akan mendapatkan hasil yang menampilkan 1 dari 3 kemungkinan yang ada yaitu :

    1. Beresiko Rendah
    2. Beresiko Sedang
    3. Beresiko Tinggi Hasil tersebut dipengaruhi oleh jawaban user menjawab ke 10 pertanyaan sebelumnya. (Semua data seperti nama, umur dan jenis kelamin tidak akan tersimpan/akan dihapus jika anda menekan button "Selesai" di halaman hasil)

    Website saya ini menggunakan : PHP MySQL Bootstrap 5 Fontawesome Javascript (dikit) API Covid

    Gambar ilustrasinya dari : [drawkit.io]

    Sekian terimakasih :)


  8. [https://github.com/anonychun/siwi]
    anonychun

    sore semua! aku mau share hasil iseng iseng ku nih, karena sekarang kuliah daring jadi sering banget interaksi sama laptop dan hp, aku pengennya 2 device itu bisa mudah untuk saling tuker tukeran file dengan cara yang simpel dan ga ribet, jadi aku buat aplikasi namanya SIWI (Share In Wired / Wireless Interaction) karena pengalamku pakai aplikasi semacam Share IT kurang bagus, kadang device ga bisa saling terbaca dan ga bener bener multiplatform, jadi aku buat ini aplikasi ini supaya ada alat untuk transfer file yang simpel dan portable, jadi cuma perlu dijalanin aja di laptop terus device lain yang mau berkomunikasi bisa ngakses via browser, dan juga ga perlu koneksi internet, untuk lebih lengkapnya udah aku tulis keterangannya di README.md

    aplikasi ini dikembangin pakai Golang untuk backendnya, karena aku sendiri backend jadi dalam pembuatan user interfacenya mungkin ga terlalu bagus ya, welcome banget buat temen temen yang suka koding frontend untuk bantu contrib benerin aplikasinya supaya lebih baik ๐Ÿ˜†


  9. [https://kyo-grouping.netlify.app/]
    Tian

    halo izin share project sederhana hasil pembelajaran, website pengelompokan gitu, misal kaya ingin membuat sebuah kelompok dari list yang di inputkan secara acak dan juga dapat memilih ketua kelompoknya secara acak (optional), website ini dibangun dengan html css dan javascript untuk library serta framework nya adalah tailwindCSS dan ReactJS

    GitHub: [https://github.com/lynxeevnxx/project-grouping]


  10. [https://fikrimaulana85.github.io/portfolio/]
    ZUL

    Selamat Pagi/Siang/Sore/Malam semua, saya Fikri Maulana izin share website portofolio saya. dibuatnya portofolio ini karna memang kebetulan tugas UTS nanti hehehe, design pada web ini terinspirasi dari style saweria dan kikiding.space . saya membuat web ini dengan :

    • Bootstrap
    • Ajax

    Source: [https://github.com/FikriMaulana85/portfolio]

    Terimakasih.



1 Mei 2021

  1. [https://twice-api-server.herokuapp.com/]
    adhywiranto44

    Halo guys, saya mau share projek malming saya. Jadi ini projek API sederhana yang saya dedikasikan sebagai ONCE untuk TWICE. Dimana API ini menyediakan informasi2 seperti data member dan data album (coming soon). Teman2 sesama ONCE juga bisa kontribusi nambahin data2 yang lain biar lebih kaya lagi.

    Teknologi yang digunakan: Node.js Express.js

    Link repo: [https://github.com/AdhyWiranto44/twice-api-server/]


  1. [https://www.jualkamera.com/]
    refarwan

    Hello teman - teman semua, perkenalkan saya Aan Refarwan. Saya mau share sebuah project website yang sangat amat sederhana sekali :v website ini adalah website toko tempat saya bekerja, tapi sebelumya saya ingin bercerita terlebih dahulu ya hehehe...

    Berawal dari kekisruhan data penjualan dan pembelian barang karena masih memakai nota tradisional Dari situlah muncul ide untuk saya buatkan aplikasi kasir, dan saya tawarkan ke Pak Bos untuk saya buatkan aplikasi kasir untuk toko, dan Bos pun mau Alhasil jadilah sebuah aplikasi kasir sederhana yang berbasis website lokal Dan seiring berjalannya waktu timbul sebuah permasalahan, yaitu Pak Bos tidak bisa cek stock saat komputer server mati Setelah itu muncul gagasan untuk menghubungkan aplikasi kasir dengan data stock di website, namun hanya sebatas gagasan karena saat itu toko sudah mempunyai websitenya sendiri (walau sering error)

    Setelah sekian lama gagasan itu muncul lagi, sekitar jam 11 malam saya di-chat Pak Bos mengenai gagasan itu Kemudian kita bahas mengenai nama domain untuk project website baru itu, dan ketemulah nama domain yaitu jualkamera.com dan mulai malam itu dimulailah project website jualkamera.com

    Oh iya karena mengejar waktu, untuk website versi desktop ini belum sempurna ya, apa adanya dulu hehehe... kedepan kalau ada waktu akan saya sempunakan lagi

    project ini saya buat dengan menggunakan :

    1. Vanilla PHP
    2. Vanilla javascript
    3. Vanilla css
    4. Sedikit tambahan data dari API Youtube

    Sedikit catatan ya ini bukan website yang responsive, untuk versi mobilenya saya pakai sub domain

    Link versi mobile : [https://m.jualkamera.com/] (akan otomatis dialihkan jika buka pakai smartphone)

    Sekian dan terima kasih


  1. [https://gunawanahmad.github.io/sorting-visualizer/]
    GunOne

    Halo semuanya, perkenalkan nama saya Gunawan, saya ingin share project saya yaitu sorting visualizer. Di sini juga tersedia pseudo code yang diharapkan membantu teman-teman yang belum paham algo sorting untuk memahami bagaimana algoritma sorting bekerja karena saya sendiri cukup sulit untuk memahami algo sorting ini ketika Mata kuliah Algoritma dasar di perkuliahan semster 1 dan saya baru benar-benar paham saat saya mengerjakan projek ini dan saat ini saya semester 4 di salah satu Univ Bandung. Sampai tuisan ini saya buat baru ada 3 algo yaitu Selection, Insertion, dan Bubble. Dibuka di dekstop ya karena tidak tersedia untuk tampilan mobile. Terimakasih semuanya, kritik dan saran akan sangat membantu

    Tools : VueJs

    Link Github : [https://github.com/GunawanAhmad/sorting-visualizer] Link Portofolio : [https://gunawanahmad.github.io/]


  1. [https://al-firman.web.app/]
    eja

    halo semua, izin share website online resume yang merupakan project react pertama saya sebenarnya ini project lama, tapi baru baru ini saya tambahkan fitur gonta ganti tema, hasil belajar dari tutorialnya WPU yang CSS Variable terimakasi banyak pak dika atas tutorialnya

    link github : [https://github.com/ezza022/]

    teknologi yang digunakan :

    • front end : Reactjs,
    • design : only CSS,
    • backend : firebase

    inspirasi desain dari webnya mas prawito : [https://prawito.com/]


  1. [https://play.google.com/store/apps/details?id=com.ajailani.spesipon]
    Ajailani

    Halo semuanya. Izin share app android yang saya buat pake Kotlin. App sederhana untuk mencari spesifikasi hp. Makasih banyak

    Link github : [https://github.com/ajailani4/spesipon]


  1. [https://ilhamjkid.github.io/portfolio-glass/]
    ilhamjekaa_

    Assalamualaikum Wr. WB. Halo Semuanya. Saya Ilham Jaya Kusuma kelas 2 SMK. Izin Share Project Website Portofolio Pribadi. Awalnya Saya ada Tugas dari tempat PKL Saya untuk membuat Website dengan Tema Bebas. Jadi Saya buatlah Project ini.

    Dibuat Dengan :

    • HTML
    • CSS
    • JavaScript

    Terimakasih. Wassalamu'alaikum Wr. Wb.


  1. [https://snapthin.netlify.app/]
    EXSTR

    Assalamualaikum Wr. WB. Halo Semuanya. Saya Eggi satria. Izin Share Project Website Instagram clone. Ini project pertama react saya, jadi UI nya pun tidak terlalu bagus . Tapi kedepannya saya akan lebih sempurnakan lagi

    Dibuat Dengan : -Backend: -django & Djangorestframework -frontend: -react & redux -frameworkcss -materializecss

    Demo account: US:demo Pw:bukapintu123

    Source code : [https://github.com/EgiStr/simplecloneig]

    Terimakasih. Wassalamu'alaikum Wr. Wb.


  1. [https://islamic-api-indonesia.herokuapp.com/]
    Zhirrr Studio

    Assalamualaikum Teman2, Saya Zahir Ingin Membagikan Project Api Saya Yang Bernama "Islamic Api V2" Api Ini adalah Api Islamic Saya Yang Sudah Saya Buat Di Versi Sebelumnya, Tetapi Di Versi Ini Fitur Nya Saya Tambahkan Sangat Buanyak Sekali Dibuat Dengan :

    Express JS Proses Pembuatan : 1 Hari ( Ngoding, Nyusun Data, Dll )

    Source Code :[https://github.com/Zhirrr/islamic-rest-api-indonesian-v2]

    Note : Sekian Terimakasih :)


  1. [https://bloguk.pythonanywhere.com/]
    athallahmaajid

    Assalamu'alaikum teman-teman, saya membuat blog app yang bernama "Bloguk"(terinspirasi dari blogku tapi belakangnya dibalik wkwkwkwk) Dibuat dengan:

    1. Django
    2. Bootstrap

    Source Code: [https://github.com/athallahmaajid/My_blog]

    Sekian Terimakasih


  1. [https://tweatter.herokuapp.com/]
    !maa

    izin share project saya namanya "tweatter" project mirip twitter.

    tech stack: django, vue github : [https://github.com/jirenmaa/tweatter]

    sekalian minta kritik kalau ada yang kurang dari peroject saya, terima kasih.



8 Mei 2021

  1. [http://g-artmedia.netlify.app/]
    adeyusuf

    Hai, saya mau share projek yang kesekian kalinya ๐Ÿ˜

    Ini adalah sebuah website bisnis milik saya dan juga teman saya yang bernama G'Art Media, jadi ceritanya kami berdua mempunyai sebuah ide untuk membuat sebuah bisnis, namun karena kami belum mempunyai website untuk mempromosikan dan juga menyimpan semua informasi tentang bisnisnya, oleh karena itu saya membuat website ini.

    Untuk teknologi yang dipakai (masih) menggunakan:

    • html
    • CSS
    • vanila JS

    Untuk fiturnya sendiri ada:

    • custom loading
    • custom cursor
    • modal box
    • lightmode - darkmode.

    Silahkan dikunjungi, terimakasih..


  2. [http://gramedia-lite.epizy.com/views/]
    rino

    Halo pak @sandhikagalih, dan teman teman izin share project show case dari saya, ini website latihan saya untuk LSP SMK 2021, website ini seperti toko buku saya buatnya seperti gramedia, dan saya namai website ini dengan "Gramedia Lite" ๐Ÿ˜† , oh iya ini juga hasil saya belajar dari web programming unpas terima kasih pak sandhika, nanti setelah berhasil order silahkan login sebagai penjual dan accept orderan nya, abis itu login lagi dan liat hasil orderan nya

    Tech: Bootstrap 5, JS(DOM), dan php native Github: [https://github.com/riyaraa/Gramedia-Lite]

    Untuk Login Sebagai Penjual: email: admin@mail.com password: admin123

    Mohon maaf untuk responsive mobilenya belum sebaik mungkin Mohon saran teman teman agar website saya dapat berkembang lagi, Terima kasih


  3. [https://ilhamjkid.netlify.app/]
    ilhamjekaa_

    Assalamualaikum Wr. Wb. Selamat Pagi/Siang/Malam Semuanya. Semoga Puasanya tetep Lancar bagi yg masih menjalankan. Kali ini Saya mau share Project Web Portofolio sederhana yg menggunakan Style Neumorphism.

    Dibuat Dengan :

    • HTML
    • CSS
    • JavaScript
    • Tailwind CSS

    Link Website :

    Terimakasih, Wassalamu'alaikum Wr. Wb.


  4. [https://github.com/AdhyWiranto44/open-blog]
    adhywiranto44

    Siang teman-teman semua, saya mau share projek yang sedang saya kerjakan. Jadi ceritanya saya mau buat projek website blog open-source dimana bebas teman-teman modifikasi dan gunakan.

    Nama projek ini adalah Open Blog, stack yang dipakai meliputi Node.js, Express.js, MongoDB, dan Bootstrap 4.

    Saat ini baru saya kerjakan sampai versi beta 1 (baru banget hehe ๐Ÿ˜…) dimana fungsional seperti otentikasi belum selesai hehe, kalau teman-teman mau nyobain bisa clone dari github saya. Untuk dokumentasi algoritma sudah saya sertakan di sana juga, bisa buat dipelajari sama teman-teman.

    Terimakasih


  5. [http://kataku.herokuapp.com/]
    Ariefafn

    Assalamualaikum, selamat malam semuanya, saya mau share project saya yaitu kataku. Kataku ini adalah website untuk kalian para pecinta puisi. Di website ini kalian bisa membaca serta membuat dan mempublikasikan puisi yang telah kalian buat.

    Dibuat dengan : Laravel Blade dan bootstrap 5

    Link : http://kataku.herokuapp.com/

    Terimakasih


  6. [https://project-pbd.000webhostapp.com/]
    Crystal-Imperior

    Permisi, saya izin share source code website e-commerce sederhana berbasis Framework CodeIgniter 4 ya para Coders Website desktop : Lazist Cake Link Source Code : [https://github.com/Ihsan-developer/project-pbd] Jenis Website : E-Commerce

    Tools :

    1. Bootstrap
    2. CodeIgniter 4

    Fitur:

    1. Front-End :

    • Layouting fundamental

    • GUI Fundamental

    • Message Section

    • AOS Animation

    • JS Basic Operation

      2.Back-End :

    • Auth System (Login/Regist)

    • CRUD Data (Create, Read, Update, Delete)


  7. [https://afterschoolteaparty.github.io/cliphelper/]
    nakanoyoichi

    Selamat siang teman-teman. Saya izin share website dari library CSS yang saya buat. File CSS nya bisa langsung didownload di website nya. Library nya berisi kumpulan class untuk membuat bentuk-bentuk tertentu dengan menggunakan clip-path. Sampai versi ini baru ada sekitar 40 class (tidak semua saya buat sendiri classnya ada beberapa yang saya ambil dari website lain yang sudah saya cantumkan di credits). Semoga berguna Terima kasih


  8. [https://tio-pratomo.github.io/dagangmakrakup/]
    Sulistio

    Hallo Saya ingin berpartisipasi. Saya membuat aplikasi website sederhana yaitu menghitung jumlah uang dari dagangan takjil yang dibeli konsumen. Saya pakai : HTML CSS ? Vanilla Javascript terima kasih, semoga yang ada disini ibadah puasanya lancar..


  9. [https://whack-a-zombie-baf7e.web.app/]
    Frans

    Assalamualaikum. Halo semuanya, saya membuat mini-game dengan konsep whack-a-mole terinspirasi dari video pak dika yang ngobar 22 dan video pak dika tentang css grid, saya buat dengan tujuan untuk latihan skill HTML,CSS dan JS yang saya miliki dan saya juga buat dengan tujuan "for fun". lalu saya hanya membuat mini-game ini untuk pc browser. karena untuk membuat versi responsivenya saya ada sedikit masalah

    mini-game ini masih ada sedikit bug nya, mohon maaf atas kekurangannya. dimohon untuk kritik dan sarannya :slight_smile: mini-game ini saya buat dengan: -HTML -CSS -Javascript

    sourcecode : https://github.com/fransImanuel/Whack-a-Zombie

    fyi: saya juga buat mini-game ini berdasarkan intro salah satu vtuber yang namanya kureiji ollie #simpingvtuber :v

    Terimakasih


  10. [https://syloryx.github.io/]
    ! Sylvest

    halo semua saya membuat website yang ga tau, iseng isengan doang karna gada kejaan h3h3, kalo ada yang harus saya tambahin bilang aja, tks



15 Mei 2021

  1. [https://rizkykurniawan.herokuapp.com/]
    rizkykurniawan

    Halo semuanya, izin ikutan showcase project jadi saat ini saya sedang belajar Django Web Framework punya python, untuk implementasinya saya membuat sebuah website sangat sederhana yang ingin saya fungsikan sebagai portofolio dan blog pribadi yang kedepannya akan menampilkan beberapa proyek yang sudah saya kerjakan, beberapa postingan, dan beberapa video yang saya upload di channel yt saya. beberapa hal yang saya gunakan untuk membuat proyek ini adalah:

    • Bahasa Python

    • Framework Django

    • CSS Framework Bootstrap

    • vanilla CSS dikit

    • vanilla JS dikit

    • Animate On Scroll

    • HTML sudah pasti

    • Postgres buat database

    • AWS S3 buat media penyimpanan

    • Heroku buat tempat deploy

      tapi ini bukan project open source sih jadi repo nya private

      Kalo mau intip admin punya django bisa pergi ke https://rizkykurniawan.herokuapp.com/backoffice username: guest password: myguestpassword

      Mohon bantu kasih tau kalo ada error yang ditemukan, atau ada saran biar saya belajar hehe. Terima kasih semuanya....


  2. [https://github.com/akunbeben/laravository]
    ! ben

    Selamat pagi guys,

    Disini saya berharap bisa mengikuti showcase project, dan dibawah ini adalah project saya.

    Laravository

    Project / package ini berfungsi untuk membantu pengguna laravel untuk implementasi Repository Design Pattern dengan mudah di laravel. Saya buat dengan bahasa program PHP dan composer sebagai package management nya. Untuk yang mau eksperimen atau hanya ingin mecoba silahkan di install melalui composer. silahkan di fork juga jika ada yang mau kontribusi.

    Untuk dokumentasi mulai dari instalasi sampai pengunaan nya sudah saya buat di dalam github repository nya Terimakasih

    Best Regards

    Benny Rahmat


  3. [https://nomadkode.github.io/nomadfervor/]
    ramset

    Halo teman-teman, izin submit untuk showcase project.

    Saya mencoba mengimplementasi apa yg telah saya pelajari sebelumnya ke dalam sebuah website yang bertemakan keindahan alam dan budaya Indonesia yang saya beri nama nomadfervor. Untuk asset gambarnya sendiri berasal dari dokumentasi saya pribadi ataupun dari unsplash.com, untuk color palettenya saya terinspirasi dari cyberpunk culture, untuk teknologinya saya menggunakan vanilla html, css, js dan library anime.js.

    link sourcecode: [https://github.com/nomadkode/nomadfervor]

    Semoga teman-teman berkenan untuk memberi kritik dan saran yang membangun bagi saya agar websitenya bisa lebih baik lagi. Terima kasih


  1. [https://fadhluibnu.github.io/]
    ibnu

    Assalamualaikum Pak Dhika dan teman teman semua

    Izin share project web portfolio. Dan ini juga pertama kali saya ikutan showcase project. Web ini saya buat menggunakan :

    1. HTML
    2. CSS
    3. Sedikit JS
    4. Dan juga sedikit mengambil dari dokumentasi bootstrap

  2. [https://kuchingneko28.github.io/cat-world/]
    KuchingNeko

    Permisi izin share project landing page sederhana Dibuat dengan:

    • Html
    • Bootstrap 5
    • Js Karena saya masih bingung make boostrap jadi mobile ny belum responsive mungkin next nanti bakal saya fix untuk mobile ny Source code: [https://github.com/kuchingneko28/cat-world] Mohon keritik dan saran nya terima kasih

  3. [https://suryaaditya.netlify.app/]
    Suryaaditya

    Halo semua saya mau berbagi web portfolio nih, web ini terinspirasi dari web awwwards dan dibuat dengan Html, css, javascript dengan sedikit Three JS, tapi web ini belum sempurna banget menurut saya. Kalo berkenan silahkan berikan saran terbaik kalian. Terimakasih


  1. [https://rtc-chat.rama-adi.dev/]
    ! [...onebyte].ts

    Hi, guys! Aku lagi eksperimen pakai webRTC untuk membuat chat peer-to-peer pakai peerJS. Sebagai pengguna, kalian bebas buat room dan join room. Semua chat dikirim peer-to-peer, jadi server cuma menjembatani koneksi aja

    -- Library yg dipakai:

    • AlpineJS (kaget banget sama library JS ini. bisa reaktif tanpa virtual dom! jadi cepet banget buat eksperimen.)
    • PeerJS
    • Bootstrap (biasanya pakai tailwind cuma skrg males aja)

    -- Fitur:

    • Peer-to-peer (Hanya partisipan room yang bisa melihat)
    • Username
    • Room id (pakai nomor)
    • Chat delay (mencegah spam)

    -- Next step?

    • rewrite ke svelte?
    • replace bootstrap pakai tailwind
    • add room info
    • room dikunci password?

    Source code: [https://github.com/rama-adi/nongki-chat]


  2. [https://nextjs-pokedex-ptsb4kgcv-bayukurniawan30.vercel.app/]
    baycore.dev

    Permisi kk, izin share project iseng-iseng saya, yaitu Pokedex Build with :

    • Nextjs
    • Tailwindcss
    • Pokemon API

    Source code : [https://github.com/bayukurniawan30/nextjs-pokedex]

    Di home yang kegenerate 151 pokemon, tapi detail pokemon cuman bisa diklik sampai Raticate, sisanya not found Kayaknya ke limit sama vercel pas deployment, jadi static page nya gak ke generate


  3. [https://pokeradar.netlify.com/]
    haizim

    Selamat siang.. ijin share ini dulu hasil technical test pas ngelamar di suatu perusahaan diminta buat bikin react app pake Pokemon API Ini maunya konsepnya ala2 Pokemon Go tapi versi low-end gitu wkwk Disini bisa:

    • Scanning random Pokemon
    • Liat detail Pokemon
    • Nangkap & namain Pokemon

    Dibuat pake :

    • Node.JS
    • ReactJs
    • React router
    • emotion
    • GraphQL

    oiya, lebih disarankan dibuka di mobile yaa.. soalnya pas itu emang dimintanya mobile-first ehe Kritik dan saran dipersilahkan..


  4. [https://altilunium.github.io/blog/darkHeya.html]
    altilunium

    Izin share...

    dark-heya : Private, disposable, chat platform Ceritanya dulu saya ingin ngobrol topik sangat sensitif dengan seseorang. Tapi, pengennya ,setelah chat itu selesai, pesannya bisa dihapus semua tanpa jejak. Maka dibuatlah ini.

    Servernya cuma "meneruskan" pesan dari satu client ke semua client lain. Isi chat tidak akan disimpan sama sekali di server.

    Source code : [https://github.com/altilunium/darkhall] Live Demo : [https://dark-heya.rtnf141.repl.co/] Tech Stack : go, websocket



22 Mei 2021

  1. [https://pollin1.netlify.com/]
    EXSTR
    Assalamualaikum.. ijin share project polling app anonymous , jadi kita bisa bikin voting tanpa diketahui yang buat siapa. Website ini sudah pwa Note :

    • kadang kadang masih ngebug di voting, masih dalam debugging
    • jiika error di awal refresh page ( entah bug next js nya atau netlify)

    Disini bisa:

    • buat polling
    • polling pribadi ( tidak public )
    • deadline
    • voting
    • comment nesting

    Dibuat pake :

    • Django rest framework
    • next js
    • tailwind css

    Frontend sc: [https://github.com/EgiStr/poll-client/]

  2. [https://filbertfernandes.github.io/the-mice/]
    FilbertFL
    Halo teman-teman semua dan Pak Sandhika, izin share project video game sederhana, "The Mice".

    The Mice terinspirasi dari game Dino Runner-nya Chrome. Tujuan dari game ini adalah menghindari tikus-tikus. Di game ini, terdapat beberapa fitur untuk menambah keasyikan dalam bermain, seperti:

    1. Menyalakan lampu saat gelap.
    2. Memilih karakter.
    3. Menembak tikus terbang dan tikus besar.

    Mohon maaf sebelumnya, masih banyak kekurangan dalam game ini, seperti:

    1. Score yang tetap berjalan walaupun gamenya sedang di-pause.
    2. Hanya bisa dibuka di pc / laptop (tidak responsive di device lain).

    Silahkan beri kritik dan saran jika ada, teman-teman.

    Dibuat dengan: HTML, CSS, & JS.

    GitHub Repository: [https://github.com/filbertfernandes/the-mice]


  3. [https://gustibagusbayu.github.io/Furniture-order-websites]
    Bayu Adi
    Halo teman -teman semua dan Pak Sandhika, izin share project pribadi website landing page tentang furniture. Website ini saya buat hanya untuk latihan saja yang saya desain sendiri. Website ini dibuat dengan :

    • Html
    • Css
    • Javascript
    • Bootstrap
    • GSAP

    Terima kasih semuanya

  4. [https://play.google.com/store/apps/details?id=id.innodev.bukutugas]
    dvync
    Halo teman-teman semua aku member baru nih, izin showcase project aplikasi sederhana, "Buku Tugas".

    Aplikasi ini berfungsi untuk mencatat tugas sekolah, dibuat dengan flutter dan firebase

    Silahkan memberi kritik dan saran jika ada, teman-teman

    GitHub Repository: [https://github.com/indmind/bukutugas]


  5. [https://faeest.rf.gd/tetod]
    Mawang_Faeest
    Mau share game hasil challange dimana ngak boleh lihat google selain buat dokumentasi. Namanya Tetod (tetris kw). Waktu pengerjaan 1 bulan. Di buat sebisa mungkin tidak barbar, walau tetap barbar. Karena ngak ada referensi selain dokumentasi + ngak pernah main tetris, mohon dimaklumi kalo agak berbeda. Saran nya kawan.

    Tools : HTML, CSS, Vanilla JS, p5.js, Numeral.js

    Github : [https://github.com/SiMamank115/tetod]

    Note :

    • Bagi pengguna yang ingin mengutak atik code nya. Sudah di beri beberapa tutorial untuk mengubah ratio layar, menambah bentuk, mengganti / menambah icon, dan memberi warna di Github nya.
    • Level tidak akan bertambah seiring bertambahnya score
    • Control memakai WASD / โ†‘ โ† โ†“ โ†’ dan Enter.
    • Musik akan dimulai sesaat setelah client menekan Enter
    • Tekan Esc untuk menjeda permainan
    • Jika ada yang tertarik dengan game ataupun web yang lain bisa check di [https://github.com/SiMamank115/list-web]

  6. [https://rahulsya.netlify.app/]
    rahul.js
    selamat siangg , mau share web profile berisi project yang telah saya buat dibuat pake reactjs, tailwindcss sama contentful

  7. [https://github.com/akunbeben/fortify-role]
    ! ben
    Hi gaes, aku baru release package baru nih buat laravel. Sekalian di submit ke showcase-project lah ya

    Fortify-Role

    Cocok buat pengguna baru laravel yang lagi butuh Multi roles Authentication, buat yang advanced user pun juga bisa dipake mungkin buat project yang requirement authentication nya hanya memerlukan roles dengan single table.

    Dokumentasi requirement, installasi sampai penggunaan sudah ada, buat temen2 yang mau kontribusi bisa langsung fork aja repository nya.

    Jika menemukan kekurangan atau issue atau bug jangan ragu buat Pull Request.

    Terimakasih

  8. [https://beatmaker-app.netlify.app/]
    DevPad
    Halo semua, saya ingin publish project saya hasil course javascript hehehe. nama projectnya adalah BeatMaker app. seperti namanya, kalian bisa membuat beats lagu. UI nya terinspirasi dari chrome music lab dan splice.com.

    teknologi dan tools yang saya gunakan adalah:

    • HTML
    • CSS (vanilla)
    • JS (vanilla)
    • fontAwesome (icons)
    • google font (font)
    • netlify (hosting)

    link repo github: [https://github.com/DevPadd/BeatMaker-App]

    note: websitenya belum responsive jadi disarankan menggunakan Desktop untuk membukanya. oh ya, gunakan browser chrome untuk best experience, karena di browser lain sebenarnya jg bisa tapi audionya kadang kedelay terutama di firefox (menurut hasil tes saya).

    mohon kritik dan saran nya karena sangat membantu.

    terimakasih dan selamat mencoba.

  9. [https://info-vaksinasi-indonesia.vercel.app/]
    MoonlightSplitter
    Hallo semua, izin share website sederhana hasil belajar ReactJs. Hehe Jadi, di website ini akan menampilkan data terkini mengenai progress vaksinasi Covid-19 di Indonesia.

    Sekilas teknologi/tools yang saya gunakan: --> ReactJs --> Reactstrap, Bootstrap untuk React --> Styled-Components --> AOS dan GSAP, untuk animasinya. --> Vercel, untuk tempat hostingnya.

    Link project --> [https://github.com/andikaputraputu22/info-vaksinasi-indonesia]

    Mungkin kalau ada kritik dan saran dari teman-teman, dengan senang hati saya akan menerimanya.

    Terima kasih semuanya


  10. [http://www.adhywiranto.xyz/]
    adhywiranto44
    Hai guys,

    Izinkan saya buat share update projek web profile saya, pernah di share di sini juga. Jadi update kali ini ada 3 yang utama:

    1. Menambahkan DARK MODE, terinspirasi dari tutorial pak Sans yang mengenai CSS Variable ๐Ÿ˜‚
    2. Mengubah LOOKS agar lebih modern (likely)
    3. Fitur POST, biar saya nggk bergantung sama twitter, medium, dan sejenisnya hehehe.
    4. Menambahkan animasi dengan AOS dan GSAP

    Stack Teknologi:

    1. :mongodb: MongoDB sebagai DBMS, penyimpanan ada di cloud MongoDB Atlas
    2. :nodejs: Express.js sebagai framework untuk Node.js
    3. :bootstrap: Bootstrap sebagai framework CSS
    4. :wpublack: Fontawesome untuk icon-iconnya
    5. :heroku: Heroku sebagai template deployment

    Jika tertarik dengan desainnya, teman-teman bisa cek juga template-nya di sini: [https://github.com/AdhyWiranto44/web-profile-template/]

    Kalo tertarik dengan fungsional CRUD Post-nya bisa kunjungi juga projek open-source-nya di sini: [https://github.com/AdhyWiranto44/open-blog/]

    Sekian, kalo mau kirim-kirim pesan juga bisa di web-nya ๐Ÿ˜โœŒ๏ธ



29 Mei 2021

  1. [https://totask.netlify.app/]
    Wahyu.All
    Halo semua, saya mau showcase project sebuah todo app yang saya beri nama ToTask.

    Aplikasi ini memiliki fitur seperti: โ€ข Tambah, hapus, dan check kegiatan (task) โ€ข Task bisa diedit, nama ataupun deskripsi โ€ข Task yang sudah selesai akan otomatis dihapus di keesokan harinya โ€ข Terdapat kategori untuk mengelompokkan task โ€ข Terdapat progressbar pada setiap kategori

    Aplikasi ini dibuat menggunakan: โ€ข React JS โ€ข SASS โ€ข CKEditor

    • Disarankan buka di perangkat mobile atau layar dengan ukuran kurang dari 576px

    Link source code: [https://github.com/wahyall/totask]


  1. [https://nomadkode.github.io/nomadgeek/]
    ramset
    Halo teman-teman, izin submit lagi untuk showcase project.

    Saya mencoba mengimplementasi apa yg telah saya pelajari dari ngobar WPU edisi ke #27 & #30 kedalam sebuah website landing page yang bertemakan perkembangan teknologi terkini yang saya beri nama nomadgeek. Untuk asset gambarnya berasal dari unsplash.com, untuk teknologinya saya menggunakan vanilla HTML CSS JS, untuk library yg dipakai itu Bootstrap 5, Animate On Scroll, GSAP 3.

    link sourcecode: [https://github.com/nomadkode/nomadgeek]

    Semoga teman-teman berkenan untuk memberi kritik dan saran yang membangun bagi saya agar websitenya bisa lebih baik lagi ke depannya. Terima kasih.


  1. [https://derifirgiawan.github.io/]
    Ei_kan_Saja
    Halo teman teman, saya mau showcase Web Portfolio Pribadi saya.

    Web Portfolio ini adalah hasi saya belajar Tailwind CSS dalam berarapa jam ๐Ÿ˜‚ Jadi Mohon maklum bila masih ada banyak kekurangan๐Ÿ™

    Dibuat dengan : React JS Tailwind CSS

    Source Code: [https://github.com/DeriFirgiawan/DeriFirgiawan.github.io]

    Terimakasih atas perhatian teman teman semua


  1. [https://kamus-id.rama-adi.dev/]
    ! [...kagamine len].ts
    Hai teman2, kali ini aku ada proyek baru lagi.

    karena ingin belajar react, aku akhirnya bikin aplikasi kamus simple. Kebetulan ini app react pertama yg live dataset diambil dari kamus KBBI revisi ke 4 (thn 2008).

    Stack: :tailwind: Tailwind CSS + Tailwind UI + HeadlessUI + Heroicons :reactjs: ReactJS :typescript: Typescript

    Fitur: :white_check_mark: Cache kamus di localstorage (instant load setelah download pertama. auto update kalau ada perubahan) :white_check_mark: Live search opt-in (note ini dimatiin scr default krn re-render react yang lambat) :white_check_mark: Copy to clipboard :white_check_mark: Dev mode (cuma buat reset cache aja skrg. aktivasi dengan ketik kbbiEnableDevMode() di dev tools)

    Next step: :o: Update dataset

    Links: [https://github.com/rama-adi/kbbi-react]


  1. [https://crossdev-app.github.io/]
    Mยข4A
    Selamat malam semua.. :raised_hands_tone2: Mau ikutan showcase project nih. ๐Ÿ˜

    Web Personal. Feature:

    • Responsive
    • Attractive (maybe)
    • Clean (i think)

    Made with:

    • HTML
    • CSS / SASS
    • JS (without any kind CSS Framework or JS Library. 100% pure Native CSS and JS)

    Hope you like it. Thanks before. :pray_tone1:๐Ÿ˜

    Edited : [https://github.com/crossdev-app/crossdev-app.github.io]


  1. [https://bagasqmak.github.io/]
    Bagasqmak
    Halo semua saya mau ikut showcase project

    Sebuah web portfolio hasil project dari FreeCodeCamp yang 90% nya nyontek dari contoh freecodecampnya

    Dibuat dengan HTML & CSS

    Github : [https://github.com/BagasQmak/BagasQmak.github.io]


  1. [https://sylord.glitch.me/]
    Eren jeger
    halo semua, saya mau ikut showcase ( lagi )

    cuma ini berbeda dari sebelumnya, ini adalah website official (saya bilang official karena saya ga tau ini termasuk portfolio atau bukan ) saya yang saya bikin secara "iseng iseng" lagi hhwhwhwhwh, ini web berbeda dari versi sebelumnya, web ini di ambil dari suggestion project saya yang sudah di kasi saran oleh pak sandhikagalih ( dosen bar bar ) di video showcase project yang sudah di submit di #:art:showcase-project, kalo ada yang kurang lagi bilang aja lagi hehe, silahkan kasi tau yag kurang sampai web saya menjadi sempurna, dan enak dilihat hehe, tks : )

    dibuat dengan html, css, javascript dan bantuan bootstrap

    source code : [https://glitch.com/~sylord] versi sebelumnya: [https://syloryx.github.io/]

    terima kasih :>


  1. [https://filbertfernandes.github.io/f2l-films]
    FilbertFL
    Halo teman-teman semua. Izin share project Rest API pertama saya, namanya "F2L Films".

    Jadi, saya lagi ngikutin playlist Rest API di channel WPU. Sebelumnya saya ingin mengucapkan terima kasih pada Pak Dhika atas ilmu yang diberikan, makasih banyak pak :D

    Nah, saat saya udah masuk di video ke-5 yaitu tentang Rest API OMDb, tiba-tiba saya dapat ide. Gimana kalo saya bikin web yang bisa rekomendasiin film ke kita secara random?

    Akhirnya saya coba2 ngoding dari hasil belajar di video WPU, tau2 berhasil ngodingnya.

    Nah pas berhasil, saya merasa kurang kalo cuma fitur rekomendasiin film doank. Akhirnya saya dapat ide lagi, yaitu bikin fitur membandingkan 2 film berdasarkan awards, metascore, dll.

    Silahkan beri kritik dan saran jika ada, teman-teman.

    Built with:

    • Rest API
    • Bootstrap
    • Jquery

    GitHub Repository: [https://github.com/filbertfernandes/f2l-films]


  1. [https://eidfromme.vercel.app/]
    burhanahmeed
    Mumpung sebelum hari raya, numpang share fun project tentang greetings card generator, barangkali berguna.

    Technya cuma pakai Next.js dan Bootstrap 5 tanpa database.


  1. [https://hello-bot.vercel.app/]
    EavaA
    Selamat pagi semua... Izin share project saya nih.

    Karena baru liburan di Pesantren, saya buat deh proyek sederhana. Namanya Hello Bot, jadi web ini berguna untuk membuat simple coding bot yang menggunakan node.js.

    Support Build:

    • Telegram Bot
    • Messenger Bot
    • Discord Bot Fitur mungkin akan saya tambahkan jika ada waktu

    Made with:

    • Vue 2
    • Vue Draggable
    • Vue Highlight.js
    • Bootstrap 5
    • Boxicons

    Source Code: [https://github.com/AnR-Lin/hello-bot]

    Minta masukannya jika masih ada kesalahan Terima kasih...:grinning:



5 Juni 2021

  1. [https://djahvoe.github.io/sound-board/]
    ใ€Œใƒ‡ใ‚ธใƒฃใƒ–ใ€Dejahvoe
    Salam Developer untuk teman-teman semua. Di kesempatan ini saya mau share project kecil-kecilan, karena suntuk ngerjain TA (hehe).

    Saya mencoba membuat custom audio visualization sederhana untuk memainkan musik-musik dari Hololep (Hololive :D). Idenya sendiri terinspirasi dari library Wave.js untuk audio visualization, karena saya penasaran, dan sebagai WebGL enthusiast juga, saya coba buat sendiri untuk visualisasi data dari audionya.

    Mohon untuk kritik dan sarannya Terima kasih ๐Ÿ˜„

    Dibuat menggunakan:

    • HTML, CSS, Vanilla JS
    • WebGL & Canvas API
    • dat.GUI
    • Web Audio API

    Referensi:

    Github Repo: [https://github.com/DJahvoe/sound-boar]

  2. [https://recipe-app-navy.vercel.app/]
    mad
    Selamat siang semua, saya mau share project latihan saya belajar svelte js.

    Jadi project ini saya membuat aplikasi pencari resep yang bisa mencari resep menggunakan nama menu atau menggunakan nama salah satu bahan. API yang saya gunakan berasal dari themealdb

    Dibuat menggunakan : -svelte js -bootstrap

    TheMealDB : [https://www.themealdb.com/api.php]

    Github: [https://github.com/faqihmadani/recipe-app]

    Minta saran dan kritiknya teman2 semua, terima kasih


  3. [https://ghazthiskc19.github.io/Personal-Website/]
    GHAZTHISKC
    Assalamualaikum Izin share Sebuah Project Personal Website yang di buat sekitar 85 Jam dengan menggunakan : HTML CSS Prepocessor SCSS
    Javascript

    ini Source Code nya = [https://github.com/ghazthiskc19/Personal-Website]

    Penjelasan dari web nya tentang ajakan untuk menjadi pecinta alam agar alam kita bisa menjadi asri kembali kenapa? Karena Siapa lagi yang akan menjaga lingkungan ini kecuali KITA, jika alam ini tidak di jaga maka akan terjadi bencana - bencana alam yang tidak di inginkan oleh kita dan bahkan sering terjadi seperti Banjir dan Kebakaran Hutan hal tersebut adalah ulah manusia Dan Siapa Lagi yang akan Menyelamatkan Alam Ini ?

    Dan Mohon untuk MEM VOTING dengan link di bawah ini [http://bit.ly/Rate_Website_Personal] Mohon sebisa mungkin untuk mengvote agar saya bisa mengetahui sejauh apa website yang saya buat Terimakasih Atas Partisipasinya saya terima kritik dan sarannya(edited)


  4. [https://mahesaatma.github.io/]
    manes
    Halo selamat sore, izin share project personal website. Dibuat kurang lebih seminggu, ribet nyusun data-datanya wkwkw. Ini untuk tech yang saya gunakan

    1. Vanila Javascript & Jquery
    2. HTLM&CSS
    3. type.js
    4. anime.js
    5. Bootstrap

    Sekiranya ada saran dan masukan sangat saya terima.

    Terimakasih sebelumnya, dan selamat berlebaran gaiss!


  5. [http://findmyhobby.adhywiranto.xyz/]
    adhywiranto44
    Hai guys, hari ini saya mau showcase projek lagi nich

    Find My Hobby merupakan website yang berisi daftar hobi, dimana pengunjung dapat mencari hobi secara manual, mencari hobi secara acak/random, mencari hobi berdasarkan kategori, dan website ini menyediakan rekomendasi hobi yang populer digemari orang-orang (berdasarkan views). Dan terdaftar fitur penting, teman-teman bisa menyarankan hobi-hobi yang lain dimana sangat bermanfaat bagi yang belum mendapatkan hobi ataupun ingin mengganti dengan hobi yang baru :slight_smile:

    Kenapa saya membuat projek ini? Simple aja sih, awalnya saya ingin memberikan inspirasi kepada adik saya agar bisa menemukan hobinya. Dan ke depannya juga untuk orang lain.

    Teknologi :mongodb: MongoDB :nodejs: NodeJS :nodejs: Express :bootstrap: Bootstrap v5

    Karena ini masih awal-awal deployment, data hobi bisa teman-teman tambah saran di: [http://findmyhobby.adhywiranto.xyz/saran-hobi]

    Referensi projek ini berasal dari [https://www.discoverahobby.com/]

    Terimakasih untuk apresiasinya: [https://saweria.co/adhywiranto44]

  6. [https://nextjs-tailwindcss-blog-pi.vercel.app/]
    zekhoi
    Selamat pagi kawan-kawan. Saya cuma bisa share personal website saja, inspirasi UI dari https://taniarascia.com/ dulu yang templatenya sekarang dipakai https://teguh.co/ dan bisa generate blog post, project, about, dan contact dari Markdown. Untuk blog posts saat ini belum di sorting, jadi defaultnya diurutkan berdasarkan huruf a-z (belum diupdate, lagi ngerjain metode penelitian). Mohon maaf karena codingan masih belum rapi dan projectnya belum sebagus yang lain.

    Technologies :

    Repo: [https://github.com/zekhoi/nextjs-tailwindcss-blog]

    Terima Kasih


  7. [https://github.com/HotPotatoC/twitter-clone]
    ! ! Hot Potato
    Halo semuanya ๐Ÿ‘‹, Izinkan saya untuk share project saya ya~

    Saya baru saja mempublikasikan salah satu project terbaru saya, Yaitu membuat fullstack Twitter clone. Jangka developmentnya kira2 membutuhkan 2 bulan. Untuk sekarang fitur2 utama dari Twitter yang sudah ter-implementasi seperti Buat tweet, follow, like, retweet, reply, dll dikarenakan scope Twitter memang begitu besar jadi untuk sekarang baru fitur2 utama saja yang terimplementasi.

    Tech stack yang digunakan:

    • Golang :golang:
    • VueJS + Vite :vuejs:
    • TailwindCSS :tailwind:
    • PostgreSQL :postgresql:
    • Redis :redis:
    • dll :wpungopi:

    Blog DEV.to: [https://dev.to/hotpotatoc/i-made-a-twitter-clone-with-vuejs-and-go-59jf]

    Mohon untuk saran dan kritik dari teman - teman semua, Sekian terima kasih~~

  8. [https://aninews-app.netlify.app/]
    alfinaditya
    Selamat Pagi teman teman,disini saya mau share hasil karya pertama saya namanya Aninews

    Deskripsi: Hallo Animelovers sudah tahu Aninews belum, Aninews adalah aplikasi yang memberikan rating dan score pada anime dan manga, Aninews juga mencantumkan sinopsis dan informasi mengenai anime dan manga supaya Animelovers dapat dengan mudah mencari Anime dan Manga sesuai dengan selera masing masing.

    Teknologi yang saya gunakan: React dan Tailwind

    API yang saya gunakan: Jikan API : [https://jikan.moe/]

    ada beberapa video yang tidak bisa di play (mungkin itu dari API nya sendiri) Maaf kalo project nya masih banyak bug.

    Terimakasih.

  9. [https://ghiofan.github.io/]
    Ghiofan
    Halo semua:wave:

    Saya mau share web portfolio saya hasil belajar html, css, bootstrap dan git di channel WPU. web portfolio ini bertemakan windows95 hasil ATM dari [https://alexbsoft.github.io/win95.css/]

    dibuat dengan : -html -css -bootstrap4

    repo : [https://github.com/Ghiofan/Ghiofan.github.io]

    kritik dan sarannya, terimakasih:grin:

  10. [https://iqbalroni.github.io/portofolio]
    Moch iqbal
    Assalamualaikum wr wb selamat sore semua, saya mau menunjukan portofolio yang saya buat hanya menggunakan :

    -Bootstrap 4 -AOS.js -Html -Css

12 Juni 2021

  1. [https://danz63.my.id/rest-client/]
    danz63
    Halo Semua ๐Ÿ‘‹

    Nama saya Miftah Hamdani dari Cilamaya, Karawang (barang kali punya tetangga yang bisa saling sharing). Izin Share Project Rest API Client (miniatur Postman) yang saya beri nama "Niliki API".

    Dibuat Dengan :

    • HTML, CSS, Bootstrap, BS Icon, loading.io
    • Vanilla JS, AJAX, JSON Formatter
    • PHP, PHP-cURL

    github repo : [https://github.com/danz63/rest-client]

    Mohon kritik dan sarannya


  1. [https://wafarifki.tk/weka]
    wafarifqi
    Assalamualaikum, Selamat pagi semua, saya mau show projek yang saya buat.

    projek ini saya beri nama Weka Digital Agency.

    Sebelumnya salam kenal Saya Wafa Rifqi Anafin. Asal Bekasi.


  1. [https://jajan-bersemi.netlify.app/]
    Hasheemi Rafsanjani
    Assalamualaikum , halo saya Hasheemi dari Gresik saya mau showcase project pertama saya yaitu website jajan bersemi

    Ini adalah website full (homepage, profil, etc) saya buat ini untuk membantu bisnis ayah saya

    URL: Dibuat dengan : HTML, CSS,JS dan bootstrap

    Kalau jelek jangan diejek , maklum saya masih 1 bulan belajar web developer


  1. [http://nakanoyoichi.herokuapp.com/]
    AfterSchool ่Œถไผš
    Permisi, Saya nakanoyoichi dari Medan ingin showcase projek saya setelah seminggu belajar Django.

    Ini merupakan website untuk blog yang sederhana yang saya buat untuk mengulas kembali 6 jam tutorial yang saya tonton.

    Untuk programnya saya mohon maaf tidak bisa tampilkan karena di settingnya ada secret_key nya

    Saya menggunakan HTML, CSS, Bootstrap dan Django untuk membuat website ini Terima kasih


  1. [https://unogame.emanggek.repl.co/]
    Rayyan M
    Halo Semua, Saya izin share game "Uno" yang bisa di mainin online

    Website dibuat dengan

    • Node.js :nodejs:
    • HTML :html:
    • CSS :css:
    • Javascript :javascript:
    • Bootstrap :bootstrap:

    Source Code: [https://github.com/EmangGek/UnoGame]


  1. [https://jasa.wibucode.com/]
    Andre R
    Malam, izin share projek team Agency dari kami barangkali yang butuh jasa pembuatan website,aplikasi mobile,ui/ux bisa hubungi kami.

    Website di buat dengan: -Hugo -Html :html: -Css :css: -Javascript :javascript: -Bootstrap :bootstrap: -Aos animated


  1. [https://nomadkode.github.io/8nilai/]
    nomadkode
    Halo teman-teman, izin submit lagi untuk showcase project.

    Saya mencoba mendesain & translasi ulang dengan bahasa Indonesia sebuah political quiz website untuk mengetahui nilai & pandangan politik seperti apa yang kita miliki yang saya beri nama 8nilai. Website ini dibuat dengan vanilla html, css, js dan GSAP 3.

    link sourcecode: [https://github.com/nomadkode/8nilai]

    Semoga teman-teman berkenan untuk memberi kritik dan saran yang membangun bagi saya agar website ini bisa lebih baik lagi ke depannya. Terima kasih.

    Versi bahasa inggris / original (yang masih terus dalam tahap pengembangan) bisa dikunjungi pada link berikut: [https://8values.github.io/]


  1. [http://code-yuk.000webhostapp.com/]
    rentj
    Halo teman - teman.

    Saya mau share project saya yang bernama Code, Yuk. Code, Yuk adalah sebuah aplikasi blogging mengenai pemrograman.

    Website ini dibuat dengan:

    • HTML
    • CSS
    • Bootstrap 5
    • Codeigniter 3

    Fitur:

    • Buat blog
    • Tambah comment
    • Dark Mode

    Link Source Code: [https://github.com/renaulttjandera/code-yuk]

    Untuk approval blog: Bisa login ke akun ini (email: admin@gmail.com, password: admin123)

    Terima Kasih


  1. [https://owner.beee.cf/]
    Vins
    Halo man teman, saya vins mau izin share portofolio saya :D website ini di buat mengunakan html, css, bootstrap, jquery, javascript :wpubarbar: lama pembuatannya sehari

    kalo ada yang perlu diperbaiki / diganti bilang yaa :wpusiap: Terima kasih...


  1. [https://mazipan.space/]
    mazipan
    Share repo personal blog aja kali ya. Repo telah tersedia bebas di Github sejak puluhan purnama.

    Repo: [https://github.com/mazipan/mazipan.space]

    Teknologi:

    • Next.js (React, kepikiran mau ganti ke Preact tapi belum sempat)
    • Tailwind (ikutin yang lagi rame aja)
    • Shiki buat syntax highlighter

    Fiturnya sederhana tapi cukup lah ya buat sebuah blog pribadi, diantaranya:

    • Dark/light mode
    • Pagination
    • Support konten ID & EN
    • RSS dan Sitemap
    • Comment System memanfaatkan GitHub issue
    • Web performance report secara berkala



19 Juni 2021

  1. [https://trivia-games-lovat.vercel.app/]
    mad
    Selamat malam, saya mau share project latihan saya yaitu quiz trivia app.

    Repo : [https://github.com/faqihmadani/trivia-games]

    Dibuat dengan :

    • svelte js
    • tailwind css

    Mohon kritik dan sarannya


  1. [https://santuyapp.netlify.app/]
    Meong
    Selamat malam, saya mau share project latihan saya yaitu SantuyMusic

    Repo : https://github.com/Meongdev/Santuyappmusic

    Teknologi Sebagai Berikut : -React.js -react-router -react-redux -material-ui/core -material-ui/icons -context API -scss

    Terima Kasih


  1. [https://morsible.iwgx.io/]
    iwgx
    Izin share projek kecil tapi lumayan mengasyikkan ๐Ÿ˜†

    Morsible - fast and reliable morse translator

    โœจ Translate teks ke morse atau sebaliknya ๐Ÿฆป Teks dan morse bisa diputar ๐Ÿ—ฃ๏ธ Bisa input dari ucapan ๐Ÿ’ฌ Multi accent, bahasa Inggris atau bahasa Indonesia :mobile_phone: PWA, bisa diinstall dari desktop and mobile (browser and Google Play)

    Tech stack:

    • Preact.js + Typescript di Next.js
    • Tailwind CSS dengan twin.macro + emotion untuk styling
    • testing-library dan Jest untuk testing
    • Analytics dengan Splitbee
    • Google Cloud untuk layanan text-to-speech dan speech-to-text
    • Dideploy ke Vercel

    Pertama kali nyoba TWA di PWA, jadi webnya bisa diunggah ke Google Play dengan code base yang sama tanpa perlu koding lagi untuk versi Android nya

    Repository: [https://github.com/iwgx/morsible]


  1. [https://www.superfile.warzan.id/]
    W A R Z A N
    SHARE

    Izin share project sederhana. Terinspirasi dari MediaFire dan Google Drive.

    Nama : SUPERfile Version : 1.0

    Dibuat dengan :

    • Codeigniter3 (Engine)
    • AdminLTE (Template)
    • File Extension Vol 1 icon set (Icon File)
    • Niagahoster (hosting)

    Fitur :

    • Register, Login, Forgot Password (Register dan Forgot Password sudah verifikasi by email)
    • Create & Delete folder by sistem (Nama folder dienkripsi)
    • Upload File (Bebas upload file berekstensi apapun)
    • Favorite File (Menandakan bahwa file tersebut penting atau Favorite)
    • Multi Delete Proccess(Proses delete, file akan dijadikan sebagai junk sebelum dilakukan delete permanent)
    • Restore File (Mengembalikan file dari Junk ke file semula)
    • Update profile & Photo Profile (Foto default otomatis terganti apabila jenis kelamin diganti menyesuaikan jenis kelamin yang dipilih)
    • Activity History ( Setiap melakukan login, upload, favorite, delete akan masuk ke database)
    • Share file (Akses publik bisa didownload oleh siapapun yang mendapatkan link file tersebut)

    Thanks to :

    • Allah SWT
    • My parents (orang tua)
    • Shandika Galih (Dosen Online berjasa bagi saya:) )

    Saat ini, sengaja dibuat secara terbuka alias tidak ada halaman admin. Jadi bisa bebas upload file apapun. Belum responsive, disarankan buka di PC Entah berguna atau tidak aplikasi ini, saya sangat berterimakasih apabila ada yang menggunakan dan mencoba aplikasi ini.

    Terimakasih~


  1. [https://hendraaagil.space/]
    Hendra Agil
    Izin share personal website saya.

    Teknologi yang digunakan :

    • Next.js (menggunakan SSG)
    • Chakra UI (Component library)
    • Contentful (Headless CMS)

    Fiturnya sangat sederhana, hanya menampilkan tentang saya sendiri, beberapa project yang sudah saya buat dan blog yang saya tulis. Konten blognya dirender dari markdown yang didapat dari Contentful dengan react-markdown. Untuk syntax highlighter menggunakan react-syntax-highlighter dan komentar menggunakan Cusdis.

    Feel free to give me a feedback or question ๐Ÿ˜„

    Repo : [https://hendraaagil.space/view-source]

    Terima kasih.


  1. [http://spk-isp.herokuapp.com/]
    underline_freak
    Izin share project sistem penunjang keputusan sederhana untuk pemilihan provider internet terbaik.

    Project Name : SPK-ISP-SAW Source Repo: [https://github.com/ferddev21/spk-isp-saw]

    Dibuat dengan :

    • Laravel 8
    • Template Admin Skydash

    Fitur :

    • Auth login
    • Role admin manajement users.
    • Data Kriteria bersifat dinamis.
    • Data Variabel Kriteria bersifat dinamis.
    • Data Alternative dinamis.

    Untuk teman teman yang membutuhkan, terbuka untuk dipelajari dan dikembangkan, terima kasih.


  1. [https://ezmathid.netlify.app/]
    Ariefafn
    Assalamualaikum, selamat pagi/siang/sore/malam Izin share project sederhana saya yaitu web penghitung luas dan keliling bangun datar dan bangun ruang, web app ini dibuat untuk melatih logika saya.

    Dibuat dengan :

    • Quasar ( vue )
    • Firebase Hosting
    • getwaves.io

    Link : [https://ezmath-421ab.web.app/]

    Edit : Karena nama domain free dari firebase sedikit random, saya ganti hostingnya ke netlify Github : [https://github.com/Arief-af/EZMath/]


  1. [https://www.dandun.xyz/]
    dundan
    Halo temen temen semua, izin share personal website saya. Web ini saya gunakan sebagai blog pribadi dan portfolio untuk mencari pekerjaan karena saya belum lama terjun ke bidang frontend web development.

    Tech Stack:

    • React
    • React Router
    • CSS Grid & Flexbox
    • SASS
    • Framer Motion
    • Strapi (Headless CMS)

    Thank you~


  1. [https://calvinsims.netlify.app/]
    Calvin Sims
    permisi kak, mau nunjukkin hasil portfolio saya yang juga sebagai project pertama saya yang online hhehehe, masih 100% memakai HTML CSS murni, hehehe, minta sarannya kak @sandhikagalih

  1. [https://raflymaulana.me/]
    RAFLYMLN
    Halo semuanya, izin berbagi website pribadi aku ya sebagai portofolio dan perkenalan singkat tentang aku pribadi ๐Ÿ™

    • CSS: TailwindCSS Menggunakan teknologi Framework TailwindCSS karena lebih fleksibel dan enteng dibanding Bootstrap dan yang lainnya, saya juga menggunakan mode Just in Time untuk mempercepat proses bundling dan menghemat output dari CSS

    • Server: Node.JS Saya menggunakan Node.JS dengan framework Express karena menurut saya lebih mudah untuk mencari dan menemukan error nya, serta lebih mudah penggunaannya.

    • Templating: EJS Untuk templating seperti penulisan HTML pada PHP yang memungkinkan kita untuk mengimpor bagian yang akan digunakan terus menerus, saya menggunakan EJS, terlebih juga kita dapat mengirim data lewat server ke client menggunakan EJS ini.

    • Plugins Untuk fitur-fitur seperti tulisan 3D, animasi, cursor tracking, dan lainnya, saya menggunakan beberapa open source Javascript library yang kalian bisa temukan di internet ๐Ÿ˜„

    Terima kasih



26 Juni 2021

  1. [https://stcmotivations.000webhostapp.com/]
    apen
    Halo semuanya izin menshare project setelah belajar tentang codeigniter 4

    Website yang berisi tentang motivasi-motivasi yang dimana temen temen dapat menshare motivasi yang temen temen punya di sini.

    Teknologi yang digunakan : -HTML -CSS ( framework Bootstrap 4.6 ) -Javascript -PHP ( framework Codeigniter 4 )

    Source Code : [https://github.com/Apenchu/stc-motivations]


  1. [https://8values.now.sh/]
    xanovicc
    Halo teman-teman, izin share personal project nih. Saya baru saja buat website 8values.github.io tapi versi nextjs atau reactjsnya.

    Teman-teman bisa lihat versi nextjs atau reactjs nya di url ini: Untuk reponya ini ya: [https://github.com/Aldhanekaa/8Values]

    versi reactjsnya berbeda dengan yang asli, kalau yang saya buat sudah support Internationalization and localization (support Bahasa Indonesia dan English)

    also state management-nya menggunakan redux dan redux-thunk


  1. [https://cuitter.netlify.app/]
    Fufufaku
    Assalamu'alaikum Dan Salam sejahtera semua. Izin mau share personal project yang saya buat dalam waktu 5 hari. Website ini fungsinya kaya Twitter. User bisa buat tweet setelah login/signup dan bisa komen. Cuma itu fungsi yg ada utk sekarang. Tidak Ada fitur follow, like, atau retweet. Websitenya juga belum responsive, terkendala malas hehe.

    Frontend Sama backend saya host terpisah. Backend di heroku frontend-nya di netlify. Teknologinya:

    • NextJS (frontend)
    • Express (backend)
    • Mongodb atlas (database)

    GitHub repo: [https://github.com/Farhan-slurrp/cuit-app] (frontend & backend branch-nya beda)


  1. [https://toekang.netlify.app/] [s.id/sepiring] fazanash
    Assalamu'alaikum

    Halo Pak @sandhikagalih dan teman - teman. Saya sudah nonton dari awal video Pak Dhika bahkan hampir dibilang semuanya kecuali yang baru - baru. Kali ini saya mau izin menapilkan dan meminta review khususnya dari Pak Dhika hasil eksplorasi desain saya

    Link Repository: [https://github.com/fazanash/toekang] [https://github.com/fazanash/sepiring]

    Mohon kritik dan sarannya

    NB: Buat temen - temen yang mau clone dipersilahkan

    Terima kasih


  1. [https://dyogi-blog.netlify.app/]
    Dyogi
    Halo Pak @sandhikagalih dan teman-teman

    saya ingin membagikan sebuah project kecil Hugo Theme untuk Blog Website yang bernama Sandat ( Bunga kenanga dalam bahasa Bali) saya masih berpikir kok nama itu yang keluar pas saya nentuin nama

    filosofinya saya mau website yang cepat, ringan, murah dan mudah untuk di maintain, sehingga menggunakan SSG dan hosting gratisan menjadi pilihan (anak low buget).

    theme ini dibuat menggunakan vanilla HTML dan CSS untuk templatenya dan hugo untuk membuild situsnya secara keseluruhan dan Forestry untuk CMS.

    Link Source code Theme : [https://github.com/dyogi24/sandat]


  1. [http://stcgames-1.epizy.com/]
    apen
    Halo semuanya. Izin share project game sederhana.

    Game yang menyajikan dialog dan pilihan yang dapat kalian pilih, pilihan yang nanti kalian pilih nanti akan menghasilkan cerita yang berbeda.

    Teknologi yang digunakan HTML CSS (Framework Bootstrap 4.6) Jquery

    Source Code : [https://github.com/Apenchu/stc-games-1]

    Tolong kalo ada yang bisa membuat source codenya lebih baik lagi pull ke github ya ๐Ÿ™

    Terimakasih


  1. [https://github.com/hudadamar21/convert-image-to-ascii-art]
    Huda Damar
    Hallo semuanya. saya mau share project menggunakan Python project ini untuk mengconvert Image ke ASCII Art bisa save dalam bentuk image file atau txt file.

    package python yg digunakan:

    • Tkinter (untuk membuat GUI)
    • Pillow (untuk mengelola Image)

    step by step cara menggunakan aplikasi ini ada di github nya

    semoga pak dhika bisa nyobain aplikasinya

    link github: [https://github.com/hudadamar21/convert-image-to-ascii-art]


  1. [https://rinosatyaputra.netlify.app/]
    rino
    Hai semuanya dan pak @sandhikagalih saya mau share showcase project lagi nih, ini website personal saya, ini hasil belajar saya tentang React Js, saya buatnya menggunakan React Js, dan juga saya butuh feedback teman teman juga, Terima kasih ๐Ÿ˜

    Teknologi Stack:

    • React Js
    • React Reveal
    • Bootstrap 5

    Link Github: [https://github.com/riyaraa/riyaraa.dev]


  1. [http://fierce-savannah-58125.herokuapp.com/]
    ramson
    Halo semua...

    Izin share project sederhana website portal akademik menggunakan framework laravel 8, saya kerjakan kurang lebih 1 bulan niat saya untuk membuat website ini adalah untuk iseng-iseng upgrade tampilan website salah satu kampus. sekaligus belajar tentang framework 8 biar bisa menjadi fullstack dev. kritik dan sarannya diterima. Terima Kasih Semoga membantu.

    Teknologi yang digunakan : -HTML -CSS (Bootstrap 5.0 ) -Template AdminLTE 3.5 -Javascript -PHP (Laravel 8.0)

    versi kampus: [https://medicom.ac.id/media.php?materi=home]

    versi saya uprade: [http://fierce-savannah-58125.herokuapp.com/]

    Fitur : Portal Web

    • Home
    • Berita
    • Pengumuman -dll

    Login User Email :username@gmail.com Password :12345678

    • Auth login
    • Role admin manajement users.
    • CRUD : Pengumuman
    • CRUD : Berita
    • dll

    Link demo : [http://fierce-savannah-58125.herokuapp.com/kontak] (klik menu yang lain agar ccs di load)

    Source Code : https://github.com/ramsonrajagukguk/demo-portal-website-akademik password Admin ada github


  1. [https://amienulrana.github.io/companyprofile/]
    Amienul rana
    Assalamualaikum semua izin share website pertama saya menggunakan tailwind css, kenapa website pertama?? Karna saya baru pindah dari bootsrap ke tailwind css, awal saya belajar tailwind CSS ini karna saya merasa saya bisa membuat website apapun menggunakan boostrap( bukan mau sombong hehehh ) maka dari itu kayak nya kalau pakai bootsrap terus tidak ada tantangannya, maka tanpa mikir lama saya langsung pindah ke tailwind.

    Apakah di tailwind dapat tantangan??? Ternyata sama aja tidak ada tantangannya xixixiix, terlepas dari itu semua pasti Karna pemahaman fundamental saya yang diajarkan pak sandhika galih, dari yang gak paham apa itu html,css,js dll sekarang Alhamdulillah sudah banyak paham nya

    Dibuat menggunakan : -tailwind -html -css -js -aos.js



3 Juli 2021

  1. [https://github.com/AdhyWiranto44/simple-rest-api]
    adhywiranto44
    Hi guys, apa kabar semuanya? Semoga baik-baik saja ya :slight_smile:

    Izinkan saya sebagai Backend Developer (Aamiiin) untuk share projek latihan, projek ini bisa dibilang sebagai projek latihan saya untuk membuat REST API menggunakan Node.js, Express, dan MongoDB.

    Studi kasus dari projek ini adalah untuk mengelola post blog sederhana.

    Untuk fungsional masih dasar saja seperti CRUDS tanpa otentikasi dll, rencananya projek ini akan terus ku kembangin terus biar bisa lebih baik lagi (Absolutely).

    Teman-teman bisa coba projek ini dengan aplikasi pengelolaan API seperti POSTMAN


  1. [https://fatihakmalh.netlify.app/]
    Fatih Akmal
    Selamat sore, izin share website portofolio menggunakan simple svg animasi.

    Dibuat menggunakan :

    • HTML
    • CSS
    • Vanilla js

    Mohon masukannya kawanยฒ, oh iya untuk tampilan responsive svg animasinya di hilangkan


  1. [https://rasyidarazak.github.io/covid19-information/#/]
    Rasyid
    Hai semua, izin share project tentang covid19

    Teknologi :

    • React JS
    • Bootstrap 4

    Source Code [https://github.com/rasyidarazak/covid19-information]

    Mohon masukan dan sarannya.

    Terimakasih, semoga bermanfaat.


  1. [https://portal.trakindo.co.id/_layouts/15/trakindo/authentication/login.aspx]
    HiCall
    Assalamualaikum wr wb Halo om Sandhika dan Halo all, Apa kabar semuanya? Semoga baik-baik dan sehat selalu saja hehe :slight_smile:

    Salam Kenal, nama saya M Haikal Anatama, saya juga orang baru yang join di server discord ini, saya bekerja sebagai Developer di suatu perusahaan Software Housing di Jakarta, kebetulan nih saya sudah menyelesaikan beberapa Project selama bekerja dan oiya izinkan saya juga untuk share hasil projek ini sebagai portpolio saya ya,check this out.

    Nama Project : [Web & Mobile Apps] Trakindo - Technical Request and Dashboard (TREND)

    Client: PT. Trakindo Utama CAT

    Link Web Apps : [https://portal.trakindo.co.id/_layouts/15/trakindo/authentication/login.aspx?returnurl=https://trend.trakindo.co.id//library]

    Dan ini untuk versi mobile apps nya : [https://drive.google.com/file/d/1Q6i8VFBlNR_3UlvOaGxVSxstCfOKb3WP/view?usp=sharing]

    Akun untuk akses : Username : TU.ICTBPM06 Password : Jakarta#2021 (nb : Akun ini khusus untuk tester jadi boleh di akses)

    Developing Tools

    Front End Code : -Bootstrap v4 -JQuery 3.5.1

    Backend Code : -ASP.NET (C#) Web Framework & Web API -Entity Framework LINQ -Visual Studio IDE -Visual Studio Code

    Database : -SQL Server 2017

    Dev Ops : -Team Foundation Server (TFS)

    Mobile Apps : -React Native (Javascript) -React Hooks Method -Axios Request API

    =========================================== Dan Juga Jika ada yang penasaran bisa cek github saya di sini: Web Version: [https://github.com/mhaikalla/Trakindo-TREND_Web_Application_Service] Mobile Version: [https://github.com/mhaikalla/TREND_Mobile_Apps]

    Mohon Juga untuk masukan dan sarannya

    Thank you, All Sukses dan Berkarya Selalu, semoga bermanfaat dan bisa jadi referensi untuk kalian :wpugege:


  1. [https://smbrang.github.io/musmuliadi/]
    _muss
    Halo pak Sandhika Galih dan teman-teman,

    izin ikut showcase-projectnya ,pada showcase ini saya ingin share web portfolio pribadi saya

    dibuat dengan :

    • HTML
    • CSS
    • BOOTSTRAP 5

    animasinya pakai :

    • AOS
    • GSAP

    Semuanya ilmunya saya dapat dari youtube pak sandhika galih sendiri, terima kasih pak untuk ilmunya. Dan web portfolio ini jadi project web pertama yang saya buat.

    Link repo : [https://github.com/smbrang/musmuliadi]

    mohon maaf jika masih ada kekurangan, terimah kasih.:pray:


  1. [https://dewaprogramming.netlify.app/]
    !Dewa
    Assalamualaikum wr wb

    Izin share web Portfolio saya

    Dibuat menggunakan: -> HTML -> CSS + Bootstrap 4 -> Jquery

    Asset lainnya: -> GSAP -> Venobox -> AOS -> Typing


  1. [https://jevon1602.github.io/-simple-crud-data-jevon/]
    Jex_VsL
    Assalamualaikum wr wb

    Nama saya Jevon , izin share studi kasus saya sendiri setelah belajar javascript lanjutan dari youtubenya pak Sandika

    Disini saya membuat simple CRUD (create,read,update,delete) mengenai data. Data ini akan tersimpan di localstorage dan bersifat pribadi , sehingga saat page di load lagi , data masih tersimpan.

    Dibuat menggunakan :

    • bootstrap
    • javascript

    Keunggulan :

    • Bisa menambahkan data
    • Data langsung terisi dibawah form data
    • Data bisa dihapus
    • Data dapat diedit
    • Jika ada username yang sama makan data tidak jadi ditambahkan
    • Data tersimpan di local storage sehingga tidak akan hilang

    Kekurangan :

    • masih terdapat bug di bagian info
    • username yang diupdate masih bisa sama kecuali saat menambahkan data
    • tampilan masih sangat sederhana

    Terima kasih!


  1. [https://www.wisesa.dev/]
    svspicious
    Halo semuanya...

    aku mau share hasil refactor website/blog ku (hasil kerjaan selama seminggu)

    Long story shot wkw, pengen desain ulang website/blog yang lama as simple as possible trus coba browsing di dribble & googling "minimal design website" trus aku nemu shot ini [https://dribbble.com/shots/11713272-Nevin-Jojo-Portfolio-Website] bagus banget. Trus aku ambil konsep canvas yang ada di halaman utamanya dan aku implementasi sendiri(pake library). Dari proses riset-desain-deploy butuh waktu kurang lebih 1 minggu buat selesainnya.

    Tech stack:

    Dapet score perfect 100 di Lighthouse (kalo cache on) ๐Ÿ‘Œ

    Next increment mau nambahin beberapa fitur lagi kaya PWA, google analytic, dll ๐Ÿ‘€

    Thank you ๐Ÿง

    Update:

    • PWA โœ…
    • Analytics โœ…

  1. [https://zainalwan.me/]
    Zain
    Assalamu`alaikum Pak Sandhika dan teman2. Saya izin share project saya.

    Project ini adalah personal website saya. Dibuat dengan tujuan untuk personal branding, sekaligus memanfaatkan domain dari github student pack.

    Teknologi yang digunakan: - Laravel, untuk back-end REST server - React, untuk front-end - React Router DOM, untuk single page application - Bootstrap - GSAP platform, untuk animasi - MySQL DBMS

    Proses pengerjaan: - Durasi: +/- 20 hari (tidak rutin) - Objek yang dikerjakan: back-end + front-end

    Kekurangan: - Hosting front-end dan back-end jadi satu - Respon dari server kadang lumayan lambat

    Terima kasih Pak Sandhika dan teman2.


  1. [https://dewacoffee.xyz/]
    swahโ„ข
    HALLO pak ni bisa liat web saya dengan studi kasus php mvc unpas

    Dewa coffee adalah web penjualan kopi untuk para penjualan kopi di indonesia



10 Juli 2021

  1. [https://github.com/slowy07/clifter_programming_language]
    arfy.slowy
    hallo pak izin share project bahasa pemograman buatan saya menggunakan bahasa pemograman python,saya beri nama clifter, dengan extensi .clf https://github.com/slowy07/clifter_programming_language

    :python: :python: :python:

tujuannya dari pembuatannya untuk melihat seberapa jauh saya bisa problem solvingnya, pembuatan saya membutuhkan waktu 6 hari pengerjaan pak :laughing:

btw jangan lupa di ya stars pak thank uuuuu

  2. [https://strores.rf.gd/]
    Yudafir
    Halo semuanya ,saya mau share Web saya (hasil kerjaan 3-4 hari ) saya lupa ๐Ÿ˜‚

    Ini project nya di buat dengan Boostrap , jQuery, Php Native, Mysql, CSS, Font awesome , Boostrap Icon , Google Font .


  3. [https://play.google.com/store/apps/details?id=com.dipstrategy.gsone]
    Hi โ€ข Call
    Assalamualaikum wr wb

    Hallo om Sandhika dan Hallo All, Mohon izin juga untuk share lagi hasil karya saya dan bisa sekaligus jadi portpolio saya jugaa, check this out.

    Nama Project : Mobile Application - GS1 Indonesia Product Indentification v1.1.7

    App Store : Belum Dirilis

    Client: PT. GS1 Indonesia [https://gs1id.org/]

    Developing Tools

    -React Native (Javascript), Method React Hooks -Axios Request API -Visual Studio Code

    Dev Ops : -GitLab

    Mohon Juga untuk masukan dan sarannya ya

    Thank you, All Sukses dan Berkarya Selalu, semoga bermanfaat dan bisa jadi referensi untuk kalian


  1. [https://quizrace.emanggek.repl.co/]
    Rayyan M
    Halo, Izin share game "Quiz Race", di game ini kita harus berlomba mengerjakan soal dengan orang-orang secara online (Siapa yang cepat selesai mengerjakan quiznya dia yang menang)

    Website ini dibuat dengan

    • Node.js :nodejs: (express, socket.io)
    • HTML :html:
    • Javascript :javascript:
    • Bootstrap :bootstrap:

    Source Code: [https://github.com/EmangGek/QuizRace]


  1. [https://over-hangman.iwgx.io/]
    iwgx
    Mau share project lama yang baru di update: Over Hangman - game hangman dengan pertanyaan seputar tech

    Apa kalian tahu siapa saja nama anggota tim utama pengembangan React? Disini kalian bisa menguji pengetahuan kalian tentang itu.

    ๐Ÿค” Tebak dari petunjuk yang diberikan ๐Ÿ‘‹ 5 kesempatan, 5 tingkatan ๐ŸŒ— Ada mode gelap dan mode terang โŒจ๏ธ Tersedia keyboard virtual

    Tech stack:

    • React + Typescript di create-react-app
    • MobX untuk state management
    • Tailwind CSS untuk styling
    • Vercel untuk deployment
    • Splitbee untuk analytics

    dulu saya pertama kali belajar make React Hooks, MobX, dan Tailwind CSS di project ini sekaligus buat persiapan magang ๐Ÿ˜„

    Github: [https://github.com/iwgx/over-hangman]


  1. [https://mushafonline.netlify.app/#/]
    Ariefafn
    Halo, Assalamualaikum wr wb, Izin share website hasil belajar saya yaitu mushafOnline , saya membuat website ini dengan tujuan untuk belajar request api dan vue.js

    Website ini dibuat dengan :

    • Quasar ( vue.js )
    • Axios Request API
    • Netlify

    Untuk APInya saya pakai API dari @Zhirrr Studio [https://github.com/Zhirrr/islamic-rest-api-indonesian-v2]


  1. [https://hyper-sheets.ivqonsanada.com/]
    ivqonsanada
    Halo, izin share keperluan skripsi saya ๐Ÿ™

    Saya Ivqon, saat ini sedang melakukan skripsi, dan butuh bantuan rekan-rekan di sini untuk menguji aplikasi web skripsi yang telah saya buat.

    Web penelitian ini seputar platform pembelajaran HTML dan CSS,

    berikut ini link kuesionernya, beserta arahan yang perlu diikuti: https://forms.gle/uwoK5Y7rchJPtJHk6

    tech stack utama: Vue, Laravel, Tailwind

    Vuenya masih yang versi 2.x, kedepannya bakal migrasi ke Vue 3, atau mungkin pakai library yang lebih ringan.

    singkat cerita: HTML & CSS itu tricky sekali, karena hanya bisa dirender oleh enginenya browser, tidak bisa dilakukn di server. bisa sih, servernya harus punya akses ke browser, pakai library puppeteer untuk ambil screenshot. ini perlu VPS, dan buka browser itu makan banyak sekali RAM, costnya terlalu mahal kalo dipakai banyak orang.

    jadinya saya mikir gimana caranya buat arsitektur yang murah, yang tidak memberatkan server, akhirnya hampir semua fitur belajarnya saya buat bisa dikerjakan di sisi client, tinggal gimana optimasi di sisi client, projek ini kedepannya akan bisa diakses secara offline agar bisa belajar seperti buka aplikasi gitu dengan menerapkan PWA. banyak fitur lainnya menanti untuk dikerjakan setelah skripsi saya selesai.

    Fitur saat ini:

    • Login, Register, Change Password, Edit profile, upload avatar (tidak verify email, di laravel sebenernya tinggal nyalain fitur verify by email, ini untuk memudahkan pengujian saja jika ada yang mau register login)
    • Akses ke semua materi, ada modul interaktifnya (ini secara arsitektur terpisah dengan materi)
    • latihan, pakai test case gitu ala ala freecodecamp
    • tantangan, ngebandingin gambar gitu, ala ala cssbattle, kedepannya tantangan tidak berbentuk ini saja,
    • profile
    • leaderboard, bisa liat halaman profile user lain lewat sini, karena harus tahu usernamenya
    • badge
    • support light & dark mode
    • responsif

    untuk tantangan dan latihan di versi mobile, pindah pindah tabnya itu bukan ngelag atau lambat ya, tapi delaynya itu disengaja, karena code editor yang saya pakai rada bermasalah buat native keyboard di mobile, kadang code yang diketik gak tersimpan saat ganti tab, baru ke-trigger-nya pas cursor gak fokus di code editor. kalo versi desktop yang dikecilin masih bisa, katanya sih untuk lancar di mobile harus pakai virtual keyboard gitu, bukan yang native keyboard.

    akhir kata, niat saya projek ini bisa membantu rekan-rekan belajar, khususnya materi HTML & CSS, secara gratis, dan akan terus mengalami perbaikan dan pengembangan fitur. Jadi saya sangat mengapresiasi masukan dari rekan-rekan di sini. agar pengalaman belajarnya semakin lebih baik lagi.

    Update:

    • PWA sudah bisa, untuk fitur akses offlinenya saat ini hanya bisa dilakukan jika halamannya sudah dibuka. jadi bisa belajar HTML/CSS latihan maupun tantangan secara offline/tanpa internet. agar pengalaman belajar lebih baik, coba install aplikasinya ya. cara install umumnya otomatis muncul tombol add this to homepage waktu pertama kali buka webnya, kalo tidak ada bisa coba liat di menu browser add to homepage atau semacamnya.

  1. [https://hitung-pensiunan.netlify.app/]
    Nabbs
    Web Penghitung Dana Pensiun

    Karena pada tahun ini (2020), minat terhadap kegiatan investasi semakin meningkat maka saya pun tertarik membuat model aplikasi yang pada awalnya ini hanya dalam bentuk excel yang saya peroleh dari formula yang dibagikan oleh seorang influencer yaitu Felicia Putri Tjisaka

    Tech stack

    1. HTML & CSS
    2. SASS
    3. Vanilla Javascript

    selengkapnya bisa di cek di github saya [https://github.com/nhardiansa/hitung-dana-pensiun]


  1. [https://quran-app-arpra.netlify.app/]
    alditegarprakoso
    Assalamualaikum Warrahmatullah Wabarakaatuh

    Halo Pak Dika dan teman-teman WPU, saya Aldi ingin share hasil belajar Vue.js dengan membuat Aplikasi Digital Qur'an.

    Digital Qur'an dibuat untuk membaca Al-Qur'an secara online, juga dilengkapi fitur pencarian Surah, dan juga jadwal Sholat sesuai dengan daerah masing-masing.

    Aplikasi ini di buat menggunakan :

    1. Vue.js
    2. Axios
    3. Bootstrap 4

    Repo : [https://github.com/alditegarprakoso/quran-app]

    Terima Kasih sebelumnya, jangan lupa titik koma ๐Ÿ˜โœŒ๏ธ


  1. [https://ksana.in/]
    mazipan
    Ksana.in | Layanan pemendek tautan gratis ๐Ÿš€

    GitHub repo: [https://github.com/mazipan/ksana.in] Peralatan yang digunakan:

    • Next.js
    • Chakra-UI
    • Supabase
    • Oge
    • Dan banyak bantuan dari Web API seperti Web Share, Clipboard API, Service Worker, dll



17 Juli 2021

  1. [https://vsior.com/beras/]
    Arnadi Admin Toko
    Assalamualaikum

    Halo pak Dhika dan teman-teman kenalkan saya Arnadi.

    Saya ingin memperlihatkan sebuah toko online sederhana yang saya buat, toko online ini menjual kebutuhan pokok (beras).

    Saya bisa membuat toko online "Toko Beras 20 Desember" ini berkat ilmu yang selama ini saya peroleh dari mengikuti tutorial di Channel Web Programming UNPAS, terima kasih banyak pak Dhika sehat selalu pak.

    Sebelum lanjut lebih jauh ingin sedikit saya bercerita tentang web toko online ini.

    Sebelum ini saya sudah pernah merancang sebuah toko online untuk toko beras juga, tepatnya untuk toko beras saya yang dikawasan Tangerang, karena terlalu komplit akhirnya pusing sendiri, dan juga saat itu toko beras (fisik) saya tersebut terkena banjir, sebagian besar beras saya terendam.

    Mulai saat itu saya sudah tidak bersemangat lagi untuk melanjutkan toko online yang saya buat khusus untuk toko beras yang terendam tersebut, dan hanya berhenti sampai disitu.

    Padahal toko online yang saya buat itu hampir rampung 3/4 nya sudah jadi, tinggal selangkah lagi sudah siap di publish.

    Singkat cerita toko yang terkena banjir tersebut saya tutup. Selang beberapa bulan kemudian saya buka lagi namun di daerah yang berbeda yaitu daerah Jakarta Barat, dan saya pun mulai merancang toko online baru untuk toko beras saya yang baru ini l.

    Yang sekarang ini adalah toko online yang kedua saya buat setelah toko online saya yang sebelumnya tidak jadi publish.

    Saya membuatnya hanya dengan menggunakan, tanpa framework.

    1. HTML
    2. CSS
    3. JavaScript
    4. PHP

    [ Fitur Fitur ]

    Register โˆš

    Login โˆš

    Logout โˆš

    Tambah produk โˆš

    Edit produk โˆš

    Hapus produk โˆš

    List produk โˆš

    Share

    Detail produk โˆš

    Order produk โˆš

    Operasional toko โˆš

    Lokasi toko โˆš

    Ketentuan โˆš

    Kontak admin โˆš

    Toko online ini saya buat sendiri, dan saya membuatnya dalam waktu kurang lebih 1 bulan semenjak "Toko Beras 20 Desember" saya buka di pertengahan mei. Ide nama tokonya sendiri saya ambil dari nama jalan lokasi toko saya berada.

    Semuanya saya rancang dan kerjakan menggunakan smartphone, dan berikut ini beberapa aplikasi pendukung yang biasa saya pakai.

    1. Smartphone Android v.10, ยฑ (6.3 inch) : perangkat yang saya pakai.
    2. Jota Text Editor (gratis) Play Store : aplikasi pendukung untuk saya merancang dan mengetik kode.
    3. Icode-Go & Icode-Web (gratis) apk di Google : aplikasi pendukung Apache Web Server dan MySQL Database Server, (PHP v 7.3.3 dan MySQL 5.5.5).
    4. PicsArt (gratis) Play Store : aplikasi edit foto
    5. Google Chrome (jelas gratis) : browser yang saya gunakan untuk melihat hasil.

    Sedikit hambatan setiap kali saya selesai mengetik dan ingin melihat hasil di browser, sebelum refresh browser maka data harus saya matikan dan hidupkan kembali agar refresh berjalan, begitu saja seterusnya.

    #SalamTitikKoma;

    Terima kasih.

    Arnadi Admin Toko Vsior Official


  1. [https://fikrinotes.netlify.app/boring_math]
    Raizel
    Halo semuanya, disini saya mau menunjukkan project yang saya buat beberapa hari yang lalu. Saya terpikir untuk membuat project ini karena background saya sebagai seorang siswa yang suka belajar matematika, fisika dan bidang sains lainnya. Saat belajar, persoalan yang saya kerjakan seringkali berujung pada persamaan. Untung saja kalau cuma persamaan linear 1 variabel. Akan tetapi, masalah muncul ketika saya mengerjakan persamaan linear 2 atau bahkan 3 variabel sekaligus. Ini sebenarnya perkara mudah. Hanya saja, butuh waktu yang cukup lama bagi saya untuk melakukannya secara manual. Sejenak saya berpikir bahwa ini bukanlah pekerjaan yang seharusnya dilakukan oleh manusia. Seharusnya menusia lebih fokus ke ide yang melibatkan pemikiran kompleks dan kreatif, bukannya mengerjakan perkara mudah namun memakan waktu. Perkara seperti itu seharusnya dikerjakan oleh robot/komputer. Dari sinilah muncul ide saya muncul untuk mengotomatisasi masalah matematika ini. Sebenarnya apapun profesi kita, jika kita bekerja di bidang sains, kita pasti akan berurusan dengan masalah persamaan multivariabel ini. Hal ini semakin memantapkan niat saya untuk membuat website ini. Website saya buat dengan beberapa tools eksternal selain html, css dan javascript, yaitu : โ€ข layanan animasi Animate On Scrolling (AOS) โ€ข Bootstrap versi 5 โ€ข Google Fonts untuk fonts tambahan โ€ข getwaves.io โ€ข API untuk generate random quote tentang matematika ( biar lebih fun!)

    Jadi pada bagian bawah website, saya menempatkan quotes random tentang matematika yang berubah setiap kali website saya di-refresh. Dan juga disana saya telah memberikan beberapa petunjuk di website tersebut agar teman2 bisa menggunakannya dengan lancar tanpa masalah.


  1. [https://wafarifqi.com/wolahala]
    wafarifqi
    halo, saya Wafa Rifqi Anafin. kali ini mau showcase project, yaps project ini saya beri nama WOLAHALA.

    WolaHala ini adalah platform jejaring media sosial masa kini. WolaHala hadir untuk menemani kegabutan Anda:grin:

    Fitur Saat Ini :

    • update profil.
    • buat & hapus status.
    • komen status.
    • bales komen di status.

    Next Fitur :

    • chat.
    • notifikasi.
    • edit status.
    • pin status.

    Dibuat Menggunakan :

    • Bootstrap 4
    • PHP Native

    UI KIT By : [https://themesberg.com/product/ui-kit/neumorphism-ui-kit-bootstrap]

    Kritik & Saran dari temen temen sangat diperlukan.

    Terimakasih Banyak


  1. [https://github.com/kangoka/todbot]
    KangOka
    Halo, mau showcase project gabut saya di waktu luang yaitu membuat bot Discord menggunakan Discord.JS dan banyak menggunakan API untuk commands nya. Codenya lumayan berantakan karena tadinya ini bot cuman saya pakai di server sendiri.

    โญ Featured Commands โญ Casino Register Daily Give coin Check profile Buy badge Coinflip solo and duo Dice solo and duo Slot Crash game

    Normal Commands Moderation Ban Kick Clear message Fun Jokes bapac bapac or jokes retjeh (removed because my domain expired lol) Love calculator Game Stats Dota 2 stats Apex Legends stats Information Covid-19 stats Cryptocurrency price Weather check Ping Generate invite server link Server info Bot info Convert currency See all the command list with how to use them NSFW Hmmmm Anime Anime Boruto scraper (if you are weebs and from Indonesia) Utilities Link shortener Get random image Create polling Generate fake complete data Random number generator Coinflip


  1. [https://exxyll.github.io/]
    Falcxxdev
    Halo, izin share projek yang saya buat yaitu, sebuah Discord Bot.

    Exxyll adalah Multipurpose Discord Bot yang Memiliki Fitur yang cukup banyak, Diantaranya ada Moderation, Welcoming system, Music commands, dan masih banyak lagi!

    Discord Bot ini saya buat menggunakan Library Discord.js, dan banyak api service yang saya gunakan juga. Dan Seiring waktu, saya juga akan sering update command. Seperti menambahkan command baru, atau menghapus command.

    Jika ada Bug, Not responding, atau Downtime, Bisa langsung DM ke saya atau Report dengan perintah .report.

    Terima kasih.

    Link Invite : [https://discord.com/oauth2/authorize?client_id=848232775798226996&permissions=3222646&scope=bot]


  1. [https://github.com/AfterSchoolTeaParty/pyexe]
    DanshiKo
    Halo, izin share projek kecil kecilan yang saya buat dengan C++. Proyek ini merupakan aplikasi sederhana untuk mengubah python file menjadi executable file misal main.py menjadi main.exe, hampir sama seperti pyinstaller

    Cara kerja nya sangat sederhana yaitu dengan membuat file executable menggunakan C++ yang nantinya memanggil program python kita. Jadi, tidak mungkin untuk menjalankan executable filenya apabila tidak terdapat python terinstall dalam device kita. Karena itu aplikasi ini hanya sekadar untuk percobaan saja. Mungkin untuk kedepannya akan saya kembangkan lebih lagi. Terima kasih

    Tambahan : aplikasinya juga tidak akan berjalan apabila g++ tidak terdapat di dalam device kita


  1. [https://maliefrr.github.io/tugas-web-imk/index.html]
    Tomato
    Izin share project website masih sederhana banget hehe , sebenernya ini buat tugas kuliah cuma daripada nganggur di laptop jadi saya masukkan github gara - gara liat video pak dhika yang bahas git hehe , websitenya belum responsive btw . website ini saya bikin menggunakan (html,css, vanila javascript , bootstrap) kendala saat membuat website ini adalah saya bingung bagaimana cara untuk menampilkan detail data di bagian produk. mungkin ada saran dan masukkan ๐Ÿ˜† src code : [https://github.com/maliefrr/tugas-web-imk]

  1. [https://store.rizaldipriantama.com/]
    Sakuta
    Ijin share project dari tutorial bootstrap v4 dari youtube WPU bang sandhika galih, buat website landing page toko online saya. Mungkin ada saran dan masukan

  1. [https://suryaagung-z.github.io/]
    suryaagung
    izin share website portfolio html css jquery, masih newbie punten:pray:

  1. [http://bumdeshelumo.online/]
    singgimokodompit
    Assalamu'alaikum pak Saya Singgi Mokodompit, izin share project website.

    Jadi ceritanya saya membuat website untuk mempermudah masyarakat di desa Gorontalo agar lebih mudah mencari Unit-unit usaha seperti Tabung Gas LPG dan Tenda/Baliho

    Nama websitenya adalah Badan Usaha Milik Desa (BUMDES)

    Website ini sudah dinamis dan saya buat menggunakan HTML, CSS, PHP secara Native. Dan sudah ada fitur halaman Adminnya Ini berkat dari video2 bapak yg saya pelajari.

    Mohon maaf bila banyak kekurangan karena masih dalam tahap belajar



24 Juli 2021

  1. [https://nomadkode.github.io/travelover/]
    ramset
    Halo teman-teman, izin submit lagi untuk showcase project.

    Pada kesempatan kali ini saya mencoba implementasi hasil belajar saya menjadi sebuah website landing page yang saya beri nama Travelover. Travelover is a website to gives you insight about travel destinations in the world & the hotels nearby.

    Teknologi yang digunakan sebagai berikut:

    • React JS
    • Styled Components
    • React Icons

    link sourcecode: [https://github.com/nomadkode/travelover]

    Semoga teman-teman berkenan untuk memberi kritik dan saran yang membangun bagi saya agar website ini bisa lebih baik lagi ke depannya. Terima kasih. :wpugege:


  1. [https://fadlanlubis.net]
    fadlanlubis
    Assalamualaikum WR. WB.

    permisi.. teman teman saya mau share projek saya, sudah dipakai di PENMAD KABUPATEN LANGKAT. github saya [https://github.com/fadlanlubis1406]

    tekhnologi dan fitur yang digunakan sederhana :

    1. Backendnya framework codeigniter 4
    2. Frontendnya framework bootstrap 5
    3. font google
    4. untuk grafiknya ChartJs
    5. Tersedia halaman admin dan halaman untuk akun madrasah
    6. dan lain lain

    Terima kasih sebelumnya Saya M. NUR FADLAN LUBIS (17 Tahun, kelas 2 SMK)


  1. [https://natanieljoshe.github.io/]
    NATAN
    Halo teman-teman semua, ijin mau ikutan showcase project untuk pertama kalinya :wpuclap:

    Perkenalkan saya natan usia 15 tahun, akan menunjukan website pertama dan portofolio pertama saya yang saya buat dalam 2 minggu terakhir

    Menggunakan:

    • Html
    • Css
    • Sedikit Javascript

    Kendala:

    • Sempat kesulitan saat upload ke github (jadi pada akhirnya, saya menggunakan github desktop bukan pakai git, karna pada saat git di push, tidak ada permintaan login akun github)
    • Kesulitan saat membuat mobile responsive

    Di website ini saya berusaha agar tidak sama sekali menonton dari tutorial youtube cara membuat website portofolio karena ingin mempraktekan hasil pembelajaran html css saya yang telah dipelajari selama 1 bulan namun saya tetap harus menonton beberapa tutorial karna ada yang belum saya ketahui seperti navbar mobile dan menyambungkan form ke goggle sheet

    link repository github: [https://github.com/natanieljoshe/natanieljoshe.github.io]

    Terima kasih pak sandhika dan teman teman semua semoga berkenan memberi kritik dan saran agar saya bisa lebih berkembang


  1. [https://elvirafimansyah.github.io/leap.github.io/]
    โ“‡โ’บโ“โ“Šโ“ˆ ๐ŸŒฒ
    Halo Teman2, Nama saya Elvira Firmansyah, umur 13 tahun . saya mau share project saya, ini adalah pertama kali nya saya mengikuti showcase project.. saya menggunakan:

    1. HTML
    2. CSS
    3. SEDIKIT JS

    link-github: [https://github.com/elvirafimansyah/leap.github.io] Terima kasih Pak Sandhika...:wpugege: :slight_smile:


  1. [https://syofyanzuhad.my.id/]
    syofyanzuhad
    Testing kirim web profile

    link project : [https://github.com/syofyanzuhad/syofyanzuhad.github.io]

    minta kritik sarannya pak..


  1. [https://nay-pedia.com/]
    FlickXace
    Halo Teman2, Nama saya Rahman, umur 16 tahun saya mau share project saya, ini adalah pertama kali nya saya mengikuti showcase project.. saya menggunakan:

    1. PHP & HTML
    2. CSS
    3. JAVASCRIPT
    4. BOOTSTRAP

    Terima kasih Buat Pak Sandhika Galih


  1. [https://cafekinton.rf.gd/]
    ShaWann
    Assalamualaikum

      Izin share project (tugas dari sekolah) cafe online yang bernama CafeKinton dibuat oleh :
  @ShaWann
  @! Han
  Miko

  Teknologi yang digunakan  (tanpa framework):
  -PHP
  -CSS
  -JavaScript
  -MySQL
  -Fontawesome

  Bisa menggunakan akun dibawah ini atau melakukan register
  Akun admin :
  Username : kinton
  Password : kinton

  Akun customer :
  Username : user
  Password : user

  Mohon untuk kritik dan sarannya makasih

  2. [https://cloumus30.github.io/]
    Cloumus
    Halo teman-teman, izin untuk share project pertama saya, project individu terkait portofolio saya. Saya mahasiswa Teknik Biomedik tapi hobi berkecimpung di dunia web hehehe.

    Teknologi yang digunakan:

    • HTML
    • CSS
    • Javascript

    github: [https://github.com/Cloumus30]

    Mohon untuk kritik dan saran dari teman-teman. Makasih :slight_smile:


  1. [https://reinaldousadani.netlify.app/]
    Offmeta
    Haihai teman-teman, mau numpang showcase portfolio aku nih. Dulu udah sempet showcase juga disini tapi sekarang udah banyak yang diganti dari teknologinya, desain nya, interaksinya, dll.

    Teknologi yang dipake sekarang : ReactJS, ChakraUI, FramerMotion, dan beberapa package kecil lainnya.

    Buat github nya belom aku public duluu karena lagi nambahin fitur blog dan API key masih berkeliaran dengan liar monmaap ๐Ÿ˜….

    Masih banyak bug yang ada disini, kaya animasi nya masih sering jittering, dll, dan otak saya udah nyerah mau bugfix wkwk. Enjoy & constructive criticism is highly appreciated ๐Ÿ™ (sidenote: dark mode lebih ahmantap ๐Ÿ˜‚)


  1. [https://beritasaham.id/]
    daniwebdev
    Assalamualaikum, Perkenalkan saya Dani Padika dari Bogor, subscriber lama pa dika, Mohon izin saya mau share project pribadi saya meskipun belum sempurna.

    Aplikasi ini untuk mengumpulkan semua berita2 tentang investasi dan saham dari berbagai situs kedalam satu halaman website. Sistem bloging saya terinspirasi dari Medium, jadi saya buat platform mirip medium tapi untuk para pelaku, jurnalis, ataupun siapa saja yang tertarik dengan pasar modal.

    Untuk sementara fitur yang bisa digunakan antara lain:

    • Login/Register with google
    • News Feed (kumpulan berita dari berbagai situs)
    • Charting
    • Guest blogging (setiap user bisa menulis artikel)
    • Follow/Unfollow
    • Menampilkan Data Historical
    • Like Article

    Stack & Teknologi yang saya gunakan saat ini antara lain:

    • Laravel 8 - PHP 8 (BackEnd App)
    • Bootstrap (CSS Framework)
    • jQuery (Javascript Library)
    • Gulp (Minify, Obfuscation)
    • Cheerio - NodeJS (News Scraping)
    • Pandas, PeeWee - Python (Untuk memanipulasi data historical dan menyimpan ke database)
    • PostgreSQL (Aplikasi Database)
    • TimescalDB (Historical Database)
    • Nginx (Webserver)
    • Cloudflare (DNS)
    • Google Cloud Storage (Penyimpanan File Upload)

    Mungkin hanya itu saja, mohon keritik dan masukan nya dari Pa Dika dan teman-teman, suatu kehormatan jika padika mau mencoba aplikasi yang saya buat itu.

    Fyi, saya belajar PHP dari kelas 2 SMP secara Otodidak, tapi saya tau secara teori setelah nonton video Pa Dika tentang PHP OOP beberapa tahun yang lalu. maka dari itu saya mau berterimakasih sekali kepada Pa Dika, karena melalu video itu Pa Dika mengajarkan apa yang saya butuhkan pada saat saya kelas 2 SMP dulu.



31 Juli 2021

  1. [https://yanyiik99.github.io/portofolio-b5/]
    yanyiik
    Hallo Pak Dosen yang lagi Showcase Project Izin ikut gabung show case Project pak Saya bikin "Personal Portofolio" Bahasa:

    • HTML5
    • CSS3
    • Bootstrap 5

    Github : [https://github.com/yanyiik99/portofolio-b5]

    Terimakasih pak sudah up Portofolio Pribadi saya:grin:


  1. [https://bit.ly/Bio-MGKPs]
    MGKPs
    Assalamualaikum, Halo Semuanya.. Perkenalkan saya Garuda, kelas 2 SMP dari Bandung. Izin Share project iseng-iseng sekalian belajar, membuat Bio Link Tool (Semacam Linktree)

    yang dibuat dengan: -HTML -CSS -Fonts Google -Font Awesome

    Link Repo > [https://github.com/Mgkusumaputra/Social-Media-Link]

    Terima kasih semua atas perhatiannya...


  1. [https://dewetour.vercel.app/]
    nuril
    Selamat malam pak Sandika semoga dalam keadaan sehat Izin ikut gabung show case Project pak applikasi travel agent tools:

    • Next js / React js
    • Material-ui
    • Node js
    • Express js
    • JSON Web Token
    • Sequelize

    Github: [https://github.com/anfedu/dewe_tour]

    akun user (lia@gmail.com, 123456789) akun admin (admin@admin, 123456789)


  1. [http://twice-api-client.adhywiranto.xyz/]
    adhywiranto44
    Hi guys, izin share projek lanjutan dari projek saya yang pernah pak Sandhika showcase sebelumnya.

    Jadi projek ini bernama twice-api-client, ini projek terpisah dimana merupakan bagian frontend untuk menampilkan data yang diambil dari API saya yang ada di link ini: [http://twice-api.adhywiranto.xyz/] (projek ini juga sudah redesign UI-nya).

    Untuk teknologinya sendiri memakai React.js--yang baru saya pelajari seminggu ini--sebagai frontend-nya bersamaan dengan Bootstrap dan axios untuk mengambil data.

    Kenapa terpisah? Karena saya lagi nyobain gimana jika suatu server berkomunikasi dengan server yang lain, nah saya menemukan caranya menggunakan module axios. Dan ternyata ada problem kena CORS (Cross-Origin Resource Sharing). Maka dari itu saya juga harus modify code server API-nya agar meng-enable si CORS tadi.

    Akhirnya solved juga hehe, cuman masih ada kekurangan di bagian menampilkan datanya, tombol untuk menampilkan data harus di klik beberapa kali baru muncul datanya, dan data gambar ada yang tidak muncul (mungkin ada masalah lain dari server penyedia gambarnya). Terlepas dari itu, beginilah jadinya, selebihnya akan saya improve lagi, hehe.

    Repo: [https://github.com/AdhyWiranto44/twice-api-client]

    Jika merasa projek ini bermanfaat boleh beri apresiasi melalui link berikut: [https://saweria.co/adhywiranto44]

    Untuk projek lainnya dari saya bisa kunjungi link berikut: [http://www.adhywiranto.xyz/]

    Terimakasih ๐Ÿ˜„


  1. [https://www.valotricks.com/]
    styles
    Mau share side project nih pak, untuk fun doang sih.. Tujuannya sih ini mau buat website untuk ngeliat statistik gameplay Valorant, skrg fitur utamanya blm ada, soalnya masih nunggu acc untuk akses API dari publisher game nya, skrg baru landing pagenya doang yg ready.. Teknologi yang dipake frontend nya Vue + Nuxtjs.. Ok gitu aja sih hehe.. Makasih pak.

  1. [https://iamgdev.my.id/]
    iamgdev
    Assalamu`alaikum Pak Sandhika @sandhikagalih dan teman2. Saya izin share personal website saya.

    Teknologi yang digunakan:

    1. SvelteJS dengan Routify untuk SSG
    2. ViteJS
    3. WindiCSS

    Dengan waktu pengerjaan seminggu design ui dan dua minggu untuk development.

    Terima kasih Pak Sandhika dan teman2.


  1. [https://nomadkode.github.io/travelover/]
    Feri Irawan
    Assalamu'alaikum Pak Sandhika @sandhikagalih dan teman2.

    Perkenalkan saya Feri Irawan dari Kab. Bukulumba.

    Mohon izin saya mau share showcase pertama saya, projek API Lambang Daerah Seluruh Indonesia (Lambang 34 Provinsi dan Lambang 514 Kabupaten).

    Teknologi yang saya pakai:

    • PHP

    Link Demo & Dokumentasi: https://github.com/feri-irawan/API/blob/main/list/lambang-daerah-indonesia/README.md

    Mohon masukannya. Terima kasih Pak Sandhika dan Teman2 ๐Ÿ˜„


  1. [https://elvirafimansyah.github.io/portfolio]
    โ“‡โ’บโ“โ“Šโ“ˆ
    Hello Pak Sandhika dan teman2, saya mau share personal portfolio website saya. Saya Membuat web menggunakan teknologi :

    1. HTML
    2. CSS
    3. Sedikit Javascript
    4. Bootstrap

    LInk Github: [https://github.com/elvirafimansyah/portfolio]

    Terima Kasih Pak Sandhika dan teman2..:wpugege:


  1. [https://github.com/zuramai/mazer]
    saugi
    Selamat siang, aku mau share karya template bootstrap 5 aku beberapa bulan yang lalu

    Mazer Admin Dashboard

    • Clean
    • Responsive and Modern
    • 50 Pages +
    • No jQuery dependency
    • SCSS and Webpack
    • Highly Customizeable

  1. [https://rs-bed-covid-api.vercel.app/]
    Satya W
    Halo semuanya, ijin share project yang baru jadi, ini aku buat API Ketersediaan tempat tidur rumah sakit untuk pasien covid-19 ataupun non covid-19 di seluruh Indonesia, untuk API ini aku buat menggunakan:

    1. Typescript
    2. Vite js
    3. Vite Plugin Mix, plugin yang berguna untuk menjalankan backend API dengan menggunakan Vite
    4. Cheerio

    Kalau disini ada yang ingin membuat aplikasi menggunakan API ini, kalian bisa membuat pull request ke repo aku dan letakkan project kalian di kolom showcase yang ada di file readme.md.

    Oh ya, jika ada yang tertarik untuk berkontribusi bareng, silakan buat pull request di repo ku, aku sangat terbuka jika ada yang ingin berkontribusi bareng di repo ini.

    Repo: [https://github.com/satyawikananda/rs-bed-covid-indo-api]

    Thank you



7 Agustus 2021

  1. [https://buzzyapp.herokuapp.com/]
    yanyiik
    Halo selamat sore, ijin share project kecil-kecilan

    Buzzy Web untuk mendownload music dari soundcloud

    Teknologi yg dipakai Frontend:

    • sass
    • cash-dom
    • webpack Backend:
    • express + ejs
    • soundcloud-downloader

    Link terkait Repo: [https://github.com/BayuDC/buzzy/]

    Terima kasih


  1. [https://savelinks.netlify.app/]
    MhdPauzi Assalamualaikum pak dika dan teman2 semua. Izin share project website sederhana saya.

    Website ini saya buat karena saya kesulitan untuk mengelola link-link seperti link film yang ingin saya tonton, link absen classroom dan lain-lain yang sebelumnya saya simpan ditab browser hp saya.

    Website ini memiliki fitur:

    • Add link
    • Search
    • Sort
    • Delete
    • Edit
    • Export/download dan Import (sebagai ganti share)

    Website ini dibuat mengunakan:

    • HTML
    • CSS(menggunakan sass)
    • Vanilla Javascript
    • LocalStorage

    Link repo : [https://github.com/muhammadpauzi/web-links-management]

    Terima kasih


  1. [https://billdev12.000webhostapp.com/]
    Sabil
    Assalamualaikum, halo semuanya.

    Kali ini saya mau share project Codeigniter saya bernama SISKLIN (Sistem informasi klinik). Sesuai namanya aplikasi ini digunakan untuk menyimpan dan mengelola pendataan terkait klinik/rumah sakit dengan sistem yang sederhana dan universal.

    Fitur fitur nya adalah :

    • Antrian pasien dengan panggilan suara
    • Stock dan media penyimpanan obat/alat medis
    • Laporan riwayat kunjungan pasien dalam tahunan bulanan maupun harian
    • Dan masih banyak lagi

    Tak hanya itu juga di lengkapi dengan fitur konsultasi untuk pasien ke dokter mirip halodoc.

    { link : [https://billdev12.000webhostapp.com/], myGithub : github.com/moladev20 }

    Saya berterima kasih kepada pak dika dan teman teman atas kritik dan sarannya

    Untuk Source code, silahkan inbox saya ke 083140318095


  1. [https://ilham25.github.io/twittard/]
    Adachii~
    nitip project gabut

    bikin thread twitter ga perlu twitter :v tinggal input sesuai kebutuhan

    html, css, js biasa dengan package file saver dan dom-to-image


  1. [https://bed-covid-rs-indo.vercel.app/]
    hendraaagil
    Halo semuanya, Ijin share website yang memberikan informasi terkait ketersediaan tempat tidur rumah sakit untuk pasien covid-19 ataupun non covid-19 di seluruh Indonesia.

    Dibuat menggunakan:

    1. Next.js
    2. Chakra UI
    3. API dari @Satya W

    Buat yang mau kontribusi bisa buat pull request atau jika menemukan kesalahan bisa buat issue di repo ini.

    Repo: [https://github.com/hendraaagil/bed-covid-rs-indo]

    Semoga bisa bermanfaat juga untuk teman - teman semua. Terima kasih.


  1. [https://github.com/slowy07/brain-tumor-detection]
    arfy.slowy
    Selamat tengah malam pak izin share showcase project yang mungkin bisa bermanfaat terutama di dunia medis.

    tech information:

    • tensorflow (keras)
    • pyTorch

    jadi disini saya showcase project berupa aplikasi yang bisa mendeteksi tumor dan memprediksi waktu bertahan pasien yang disebabkan oleh tumornya untuk paper(jurnal) bisa di cek disini: [https://bit.ly/3ytT4zX]

    untuk pengerjaan saya sudah lupa berama lama, tapi kemungkinan hampir 4 bulan (riset),sementara untuk aplikasinya saya pembuatan 12 hari ๐Ÿ˜…

    untuk githubnya sekalian dokumentasi penggunaanya bisa di: [https://github.com/slowy07/brain-tumor-detection]

    terima kasih, selamat tengah malam :wpusiap: :hand_splayed: ๐Ÿ˜‚


  1. [https://edwintantawi.vercel.app/]
    Edwin Tantawi
    Hallo Teman teman, izin share website personal baru saya.

    TechStack:

    1. Next JS
    2. Tailwind CSS
    3. Progressive Web Apps
    4. Vercel
    5. Figma

    Github Repo: [https://github.com/edwintantawi/personal-projects__next-portfolio]

    Jika ada kritik dan saran jangan ragu untuk contact saya ya supaya saling belajar dan bertukar pikiran. Terima kasih atas kesempatannya


  1. [https://ammarbahtiar.my.id/]
    ammarbahtiar
    Hallo teman-teman semuanya, izin share website portofolio saya pribadi, pertama nya nonton tutorial ngobar cara membuat website portofolio , tapi sudah saya modif sebisa saya.

    Dibuat pake : -Html -Css -aos js -gsap -Booststrap 5

    Kritik dan saran dipersilahkan. Terimakasih

    Link github: [http://github.com/ammarbahtiarasli]


  1. [https://harpi.rocks/]
    harpi
    Assalamu'alaikum, malam Pak @sandhikagalih dan temen2. Izin share nama project open source Klisรฉ sebuah tema sederhana buat si static site generator jekyll :ruby: .

    Yang punya fitur diantaranya

    • Light & Dark Mode support ๐ŸŒ—
    • Customizable (using .scss)
    • Responsive (desktop, tab and mobile)
    • Mobile First Design
    • Images of post Organized
    • HTML Minify
    • W3C Validated
    • Lighthouse and PageSpeed Passed
    • Dan lain-lain

    Dibuat menggunakan :

    • Jekyll
    • Javascript
    • HTML
    • CSS / SCSS

    Demo : [https://harpi.rocks/] atau [https://klise.vercel.app/] Github Repo : [https://github.com/piharpi/jekyll-klise]


  1. [https://staging-studiokarsa.netlify.app/]
    ! ! Hot Potato
    Halo semuanya, mohon ijin untuk share hasil slicing dari design ke development dengan berkolaborasi dengan teman saya.

    Jika berkenan bisa mengisi feedback dibawah : [https://s.id/feedback-web-karsa]

    Teknologi yang digunakan:

    • ReactJS & GatsbyJS
    • TailwindCSS

    Github Repo: [https://github.com/StudioKarsa/studiokarsa-web/tree/staging]

    Pengisian feedback pure hanya rating website, laporan bug/error serta kritik atau saran. Tidak ada input data pribadi.

    Terima kasih



14 Agustus 2021

  1. [https://ion-covid.netlify.app/]
    bahyusanciko
    Assalamualaikum pak sandhika saya ada apps statistik data covid Untuk Informasi Terbaru Penyeberan Virus Covid-19 , Data Terupdate Melalui [https://covid19.mathdro.id/api] Dan [https://api.kawalcorona.com/]

    Teknologi yang digunakan:

    • Ionic
    • Angular

    Github Repo: [https://github.com/bahyusanciko/ion-covid-19]


  1. [https://kurz.evl.pink/]
    Miraicle
    Halo teman - teman dan Pak Dika. Ijin untuk share project terbaru saya, yaitu shortlink generator.

    Fitur - fiturnya :

    • Create shortlink
    • Delete shortlink
    • QR Code sharing

    Tech stack yang dipakai : FE : React , Vite, Tailwind BE (Serverless) : Express + Supabase (DB)


  1. [https://handform-c62a3.web.app/]
    Alfirman Pahlepi
    Halo semua, saya mau share project iseng saya yang merupakan Google Forms Clone. project ini sederhana banget cuma ada 2 halaman :v yang saya buat selama 10 hari, tapi fiturnya insya Allah sudah berjalan dengan semestinya. btw project ini saya buat untuk mengisi kegabutan saya di masa ppkm buat teman teman yang mau kembangin, sourcecode ada di github, jangan lupa di Star :slight_smile:

    teknologi yang saya gunakan :

    • depan : React js
    • belakang : Firebase
    • styling : TailwindCSS
    • animasi : Framer Motion
    • ikon : Heroicons

    Link repo : [https://github.com/ezza022/handform]

    itu aja, makasih pak udah mau direview, jangan lupa titik koma teman teman.


  1. [https://adityamputra27.netlify.app/]
    adityamputra27
    Assalamualaikum, halo teman2 dan pak dhika. Izin share portfolio website saya, dapet referensi dari youtube dan di modifikasi lagi

    Dibuat menggunakan :

    • HTML
    • CSS
    • JS
    • Animate On Scroll

    Untuk kedepannya nanti akan single page menggunakan nuxt js.

    Ini link github saya. [https://github.com/adityamputra27]

    Mohon maaf portfolionya belum full semua dan masih banyak kekurangannya kak/pak, kritik dan sarannya ditunggu, terimakasih banyak...


  1. [https://satria-herman.web.app/]
    satria
    Assalamu'alaikum . Selamat Siang Pak Dhika dan Teman - teman . Izin share website portfolio saya , project yang saya cantumkan sudah real project dan ada fee nya

    Tech Stack :

    • HTML
    • CSS
    • JS
    • Bootstrap 5
    • Jquery
    • Slick.js
    • Baffle.js

    Web nya sudah PWA dan dihosting menggunakan firebase . Untuk score audit di lighthouse juga udah lumayan tinggi

    Mohon saran dan masukan dari temen - temen dan Pak Dhika


  1. [https://www-mcserverlist.herokuapp.com/]
    broki
    Hai semuanya! Saya mau izin share project website open source yaitu Minecraft Server List, daftar Minecraft bedrock edition server.

    Dibuat menggunakan:

    • PHP
    • JavaScript
    • HTML
    • CSS
    • Bootstrap 5
    • JQuery

    IDE yang digunakan:

    • PHPStorm

    Database:

    • PHP PDO MySQL

    Website: Github: [github.com/brokiem/MCServerList]

    Untuk fitur fitur nya bisa dilihat langsung ke website nya yaa :upside_down:

    Buat yang mau daftarin server Minecraft nya bisa melalui link diatas ^_^

    Maaf kalau ada code yang kurang bagus atau efisien karena baru belajar buat website 1 bulan yang lalu hehe


  1. [https://akbarhps.github.io/p5_bubble_sort_visualization/]
    akbarhps
    Hai semuanya, izin share hasil kegabutan saya

    Tech stack:

    • Html
    • Css
    • p5.js

    1. Visualisasi bubble sort [https://akbarhps.github.io/p5_bubble_sort_visualization/]

    2. Visualization algoritma a* (path finding) [https://akbarhps.github.io/p5_astar_visualization/]

    Cerita dibalik web ini sih karna gabut aja ya, yaaa jadi deh web nya


  1. [http://rentalpemweb.epizy.com/]
    rendrajan666
    Halo teman-teman dan Pak Dhika Izin share project Codeignater pertama saya dan kawan2 sewaktu UAS kemarin berhubung tampilan g terlalu bagus karena mengedepankan fungsi hehehehe.... Biasa SKS(system kebut semalam)

    Website Rental Game Console

    Untuk linknya ada di sini: [https://github.com/janurendra05/RentalUMN_Codenighter]

    Untuk kedepannya saya sendiri baru kepikiran memperbaiki tampilan mohon masukannya !!!


  1. [https://smk3-peduli-covid.herokuapp.com/]
    aqso
    Halo semuanya

    Izin share projek PKL saya, ini adalah projek tentang covid-19. Daripada nganggur di laptop doank, mending di-upload ke discord WPU agar bisa sebagai motivasi buat saya pribadi dan juga mudah-mudahan buat temen-temen semua. Jangan lupa kasih saran kritik yang dapat membangun.

    Ceritanya saya adalah siswa SMK jurusan TKJ. Nah guru saya memberikan tugas untuk membuat projek apapun yang berbasis IT. Karena saya gak ngerti tentang materi TKJ makanya saya dan kelompok saya memutuskan untuk buat website tentang covid-19. Kebetulan saya pribadi lagi ngikutin series tentang API di channel WPU.

    Dibuat menggunakan:

    • HTML
    • CSS(Bootstrap)
    • Javascript
    • PHP
    • AOS

    Terima kasih semuanya


  1. [https://zhycorp.net/]
    Zen Shibata
    Hi everyone! izin share landing page buatan saya :^) Back story: gabut pengen coba nextjs x tailwind Build with:
    • Next.js & Typescript
    • Tailwindcss
    • MongoDB



21 Agustus 2021

  1. [https://ebansostest.erstevn.com/]
    erstevn
    Pendahuluan

    Assalamualaikum pak @sandhikagalih dan teman2, saya mohon izin untuk share project saya tentang E Bansos gitu.

    Sebenernya proyek ini berbarengan rilisnya tanggal 16 Juli kemarin sama yang punya Kemensos, bisa dicek di https://cekbansos.kemensos.go.id/

    Jadi aplikasi ini digunakan untuk ngecek data penduduk yang berhak nerima, dan melakukan pendataan oleh petugas kelurahan, rw, atau rt, mengingat banyak kejadian satu orang pernah ada yang nerima 2x karena pendataannya masih pake excel. Dan sudah pakai metode MVC.

    Fitur

    CRUD, Login/Registrasi, Pembatasan Hak Admin (Misalnya petugas RW 01 tidak dapat melihat data penduduk RW lain, meskipun url detail penduduknya diinput manual (bisa dicoba copy paste data url detail penduduk RW yang berbeda dengan akun petugas RW yang sedang login), riwayat aktivitas admin.

    Pengendalian Error & Privilege

    Error 404 bisa muncul kalau alamat controller/methodnya tidak ditemukan, bisa dicoba dengan mengetikan tulisan acak di urlnya.

    Error 401 bisa muncul ketika alamat controller/methodnya diakses namun belum login/login sebagai pengguna yang tidak memiliki privilege, bisa dicoba diuji ketika belum login dan masuk ke url [https://ebansostest.erstevn.com/admin]

    Pengujian Data

    Cek di halaman beranda sebelum login

    NIK: 1114966709060280 Tanggal lahir: 15 - 12 - 1971

    Jenis - jenis akun

    Petugas Kelurahan (lihat riwayat aktivitas pengguna, kelola data penduduk, dan kelola data petugas) Username : superadmin Pass : 12345678

    Petugas RW (hanya dapat kelola data penduduk RW) Username : Sarijadi01 Password : Maimunah@245

    Petugas Bansos (Input data bansos) Username : BansosTest Password : Fitriani@646

    Tech Used

    • HTML CSS JS
    • Jquery
    • PHP 8 Native
    • Bootstrap 5
    • Faker (buat password generator yang masih readable)
    • Particles JS (iseng aja)

    Link github : [https://github.com/erstevn/ebansos]


  1. [http://beee.cf/]
    Vins
    Halo, kali ini saya mau ngeshare project bot discord yang terinspirasi dari bot MEE6, bot ini bisa di control melalui website/dashboard dengan gampang. btw nama botnya Bee3

    alat alat:

    • javascript
    • html
    • bootstrap 4
    • ejs
    • css
    • npm package

    list lib npm yang di pakai:

    • discord.js
    • mongoose
    • fs
    • ytdl-core (masih banyak lagi tapi saya naruh yang penting2 aja)

    fitur botnya saat ini:

    • music
    • simple moderation
    • auto responder
    • dashboard
    • anti link
    • anti badword

    dan ada beberapa fitur lagi yang akan datang

    bot ini masih alpha jadi wajar kalo fiturnya masih dikit, nanti akan saya kembangin lagi, kayak music yang bisa di kontrol lewat website tapi kayaknya masih lama soalnya masih belajar ngebuat music controller hehe, btw proses pembuatan bot ini sudah berjalan 1 bulan lebih, mau 2 bulan.

    source codenya masih belum di update jadi agak beda sama botnya sekarang [https://github.com/Bee3-Team/Bee3]

    kalau mau cobain dashboardnya, harus invite terlebih dahulu botnya ke server anda agar bisa di gunakan dashboardnya, beserta permission yang lengkap :)

    link :

    thanks, kalo ada bug atau saran silahkan reply pesan ini atau dm saya :)


  1. [https://downtown.iwgx.io/]
    iwgx
    Downtown - well-crafted countdown timer

    Ini app hitung mundur biasa aja, dulu dibikin waktu saya jadi asisten lab RPL di kampus.

    Karena saat menjadi pengawas ujian saya perlu memberitahukan waktu yang tersisa kepada peserta ujian, lebih mudah kalau saya langsung tampilkan aja timernya.

    Tech stack:

    • React + Typescript, sekalian eksperimen bikin state management simpel sendiri
    • Aphrodite agar stylingnya berasa kayak di React Native
    • Render untuk deployment

    Sebenarnya banyak hal yang bisa ditingkatkan dan ditambahkan, cuma karena ini sudah sesuai dengan kebutuhan saya waktu itu jadi app nya masih simpel.

    Repository: [https://github.com/iwgx/downtown]


  1. [http://stcrumus.epizy.com/]
    apen
    Halo Pak Dhika dan teman-teman semuanya nama saya Steven. Saya izin share project aplikasi untuk menghitung pelajaran yang memiliki rumus.

    Aplikasi ini menyediakan lumayan banyak materi berumus dari Matematika dan Fisika, untuk mengunakannya mudah saja tinggal klik materinya lalu nanti akan muncul form untuk menghitung.

    Dibuat dengan :

    • HTML
    • CSS -> Bootstrap v5
    • Jquery
    • PHP
    • MYSQLI

    Ini untuk Reponya : [https://github.com/Apenchu/stc-rumus]


  1. [https://iqbalroni.github.io/portofolio3/]
    Moch iqbal
    Hallo pak dhika dan teman teman semuanya Kali ini saya mau share project saya hasil dari kegabutan PPKM insipirasi dari showcase kemarin yang windows lama dan saya bikin windows terbarunya

    Dibuat menggunkanan: -Html -Css -JavaScript -JQuery -Bootstrap 4.6 (hanya menggunakan row-col nya) -fontawesome

    Fitur: -DarkMode -Draggable aplikasi -Draggable aplikasi di bawah (navbar) -Kalkulator

    Butuh saran lagi dari master master ni Jangan lupa Gang coding

    Terimakasih Semuanya


  1. [http://botgabut.epizy.com/]
    koko123tutorial gabut
    Hai semuanya saya mau share-project dari Bot Gabut saya kemarin ini ada webnya

    Menggunakan:

    • Bootstrap :bootstrap:
    • Visual Studio Code :vscode:

    Hosting & Domain:

    • InfinityFree

    Link Invite Bot: [https://discord.com/oauth2/authorize?client_id=856891420535291926&permissions=1563950806&scope=bot]


  1. [https://myschool.fadlanlubis.net/]
    fadlanlubis
    Assalamualaikum, halo semuanya saya mau share project kecil kecilan ni Tentang CMS Sekolah. Nama Project nya myschool (Pesaing Sekolahku Nanti). Kurang Lebih 1 bulan pengerjaan, tapi gak sering karena ada project lain jadi sering ditinggal, Tekhnologinya:

    1. Codeigniter 4 Sebagai Backend
    2. Bootstrap 5 Sebagai Frontend
    3. AOS Untuk Animasi Ketika Di Scroll ( Pasti Pada tau ya )
    4. Animate.css Untuk animasi element ( Beda Sama AOS )
    5. Datatables Jquery Untuk membuat Tabelnya
    6. Dan Lain Lain

    Fitur Fiturnya :

    1. Landing Page ( Ya Pasti lah )
    2. Darkmode dan Lightmode
    3. Login
    4. Halaman Admin
    5. Halaman Berita
    6. Download File
    7. Alumni
    8. Data Pengajar
    9. Galeri Foto
    10. Info Pengumuman
    11. Portal Aplikasi
    12. Slide Show
    13. Youtube Video
    14. Link Tautan
    15. Dan Lain Lagi Kalau Saya Sebutin Semua Entar Panjang Banget

    Kunjungi Juga Github Saya [https://github.com/fadlan1406] ( Di Star woy ) Mungkin Itu Saja, Terimakasih Sebelumnya, Buat Pak Dika Saya Berterima Kasih Sebesar besarnya hampir Semua ilmu ngoding, saya dapet dari channel bapak, sekali lagi terima kasih pak, sehat terus dan tetap bemanfaat buat orang banyak Wassalamualaikum Wr.Wb


  1. [https://github.com/AgungYogaSetiawan/web-app-streamlit]
    Ez.Yoga
    Assalamualaikum, izin share project data science saya yaitu membuat web app data science. web tersebut dapat memberikan skor dari sebuah dataset dan skor tersebut juga dipengaruhi dengan parameter. kebetulan model machine learning yang saya pakai yaitu LogisticRegression untuk mengklasifikasikan output pada dataset. kita dapat mengatur parameter nya sehingga skor yang dihasilkan menjadi lebih bagus. Teknologi yang saya pakai:

    1. Streamlit
    2. Pandas
    3. Python
    4. Scikit-learn

    Silahkan beri tanggapannya, maaf kalau project saya biasa aja masih pemula. Terimakasih banyak Pak Dika dan kawan-kawan


  1. [https://dominggomau.webflow.io/]
    DominozzDee
    Halo semua aku mau izin sharing project website/portfolio/blog ku yang ku buat pake webflow. Aku belajar bikin website pake box model HTML/CSS dari video2 nya pak dhika.

    Teknologi yang ku gunakan:

    • Webflow
    • Visual Studio Code

  1. [https://dan1elkusuma.github.io/]
    Daniel Kusuma
    Hallo Pak Dhika dan semuanya Saya ingin share project saya yaitu personal website saya. Alasan saya ingin membuat website ini karena teman saya bisa membuat website sendiri dan saya jadi merasa iri, tapi saya belum paham cara membuat website sama sekali. Jadi saya belajar cara membuat website selama kurang lebih 2 bulan dan akhirnya bisa membuat website saya sendiri.

    Website yang saya buat adalah personal website sederhana untuk memperkenalkan dan menjelaskan diri saya. Untuk sekarang, fitur yang ada hanya beberapa animasi di icon dan text pada saat di hover (teks yang berwarna kuning saja).

    Website ini dibuat menggunakkan: -). Html -). Css -). Bootstrap -). AOS (Animate On Scroll) -). Gsap

    Repo [https://github.com/Dan1elKusuma/Dan1elKusuma.github.io]

    Jika ada bug atau saran mohon beritahu saya. Terima kasih Pak Dhika dan semuanya.



28 Agustus 2021

  1. [http://portfolio.rbot-rizqy.online/]
    rizqynugroho9
    Selamat pagi, izin share portfolio, portfolio ini masih dalam tahap pengembangan. Only supported in desktop. Belum di buat responsive karena waktu yang kurang memadai.

    Tech Stack :

    • Next.Js / React
    • Three.js
    • Locomotive Scroll
    • Framer Motion
    • SASS
    • Jotai

  1. [https://mbaharip.github.io/japanLicensePlate_Generator/]
    mbahArip
    Halo semuanya~ Izin share project yang saya kerjakan (tapi malah ngerjain project lain ๐Ÿ˜‚ ) Project Japan Plate Generator texture simple untuk membantu saya, teman saya, dan mungkin orang lain yang hobby sama 3D / diecast. Alasan bikin project soalnya kadang saya males buka file photoshop yang kadang suka makan 6 - 8gb ram karena banyak layer + size yang gede.

    Website menggunakan http - css - native js. Library yang dipakai:

    • jszip
    • dom-to-image
    • filesaver
    • height2normal

    Repository [https://github.com/mbahArip/japanLicensePlate_Generator]

    Untuk kedepannya saya ada niat buat ganti sistem pemilihan regionnya menjadi map, biar lebih gampang dan cepat dibanding dropdown list.

    Terimakasih semuanya~


  1. [https://hasanismail0305.pythonanywhere.com/]
    Hasan
    Halo Semuanya! Izin share project yang sudah lama saya kembangkan tapi tidak selesai - selesai, project ini saya beri nama CBTSimpel. CBTSimpel adalah aplikasi Computer Based Test / Tes Berbasis Komputer berbasis Django 3, gratis dan opensource. Alasan saya memulai project ini adalah, karena sekolah tidak dapat melaksanakan ujian seperti biasa di sekolah masing masing sehingga test harus dilakukan secara online, sayangnya kebanyakan aplikasi CBT (terutama yang gratis) tidak mudah digunakan baik oleh guru maupun siswa, oleh karena itu saya membuat aplikasi ini.

    Objektif Aplikasi :

    • Berbahasa Indonesia
    • UI Responsif ( Bootstrap 4 )
    • Dapat digunakan dengan baik di Smartphone
    • Dapat digunakan dengan baik pada internet berkecepatan rendah
    • Antarmuka Ramah Pengguna
    • Sepenuhnya Gratis dan Opensource

    Teknologi :

    • Django 3.1.1
    • Django Template
    • Bootstrap 4

    Dalam pengerjaan project ini saya menemui beberapa kendala seperti, laptop rusak dan juga rasa malas dan waktu luang (kadang banyak waktu tapi males ngoding, kadang pengen ngoding tapi gak ada waktu)

    Project ini baru setengah jadi (dashboard untuk pengelolaan tesnya belum bisa diakses) dan mungkin masih banyak bug).

    Source Code : [https://github.com/hasanqqsp/CBTSimpel/tree/newArch]

    Kuis Pemrograman :

    Edit : Kalau dishowcase malem ini, jangan disimpen diawal pak.. biar saya gak ketinggalan:grin:


  1. [http://www.agrarisindonesia.com/]
    learamadhan
    Terimakasih banyak untuk Pa Sandhika. Berkat Pa Sandhika saya akhirnya bisa lebih memahami CI... Ijinkan saya share project saya, dan ini juga pertama kali saya ikutan live youtube terus disuruh ke sini. Web dibuat pake :

    • CI4
    • php 7
    • lib myth/auth
    • lib phpexcell
    • bootstrap 4 (admin lte)

    Username : learamadhan9@gmail.com Password : aduhlupa??!!

    Untuk hosting saya minjem punya temen karna ga pernah di pake. Daripada nganggur akhirnya saya pinjem.

    Mohon saran dan kritiknya ๐Ÿ™ Masih ada 2 menu yg belum optimal, jadi tak kosongin dulu ๐Ÿ˜…

    InsyaaAllah mau nyoba2 github juga, karna belum pernah pakai sama sekali.


  1. [https://effenrilagung.github.io/web-omnifood.github.io/]
    RizzM
    Assalamualaikum, perkenalkan nama saya Muhammad Rizki, izinkan saya untuk ikutan showcase-project, jadi ceritanya web yang akan di showkan nanti adalah project magang saya dan teman2 yang terdiri dari saya, effenril agung, muhammad ridwan, dan niki pranata web ini masih sebatas front end belum ada back endnya

    Teknologi : -html -css -jquery

    Mohon kritik dan sarannya, terimakasih


  1. [https://arefunrushate.epizy.com/]
    L'Rasyid
    Halo semua.... Izin share sebagian" dari project saya. Ini adalah platform CBT yang bisa digunakan untuk ujian, tryout, tes, atau olimpiade dengan soal multiple choice. bisa dugunakan untuk ujian sekolah, UTBK, SKD, dll.. (rencana mau bikin yg AKM)

    Teknologi yg dipakai: tailwind codeigniter GoogleScript


  1. [https://rizraz.000webhostapp.com/sistem-perizinan/]
    rizki darmawan
    Assalamualaikum wr wb Halo Pak dhika dan teman2 Perkenalkan nama saya Rizki Darmawan asal kota semarang, disini saya akan sedikit share projek hasil video tutorial CI 3 di channel WPU,yaitu aplikasi SISTEM PERIZINAN santri,Sebenarnya saya sudah pernah membuat sistem perizinan namun masih menggunakan php native dan sekarang saya upgrade sekalian belajar.

    Sistem aplikasi ini sudah saya upload dihosting Pondok ,dan saya upload ulang di biar bisa direview jika ada saran dri teman2.

    Saya mengembangkan aplikasi ini dengan konsep "The Powers Of Dadakan" selama 4 hari sebelum para santri berangkat ke pondok dan akan digunakan, ehh gara-gara ppkm keberangkatan santri jadi ditunda.

    Untuk data santri saya memanfaatkan data santri yang ada di sistem akademiknya,sebenarnya saya ingin menerapkan ilmu baru saya yang diperoleh dari channel pak dhika yaitu API, tapi karna yang buat sistem infomasi beda orang,beda bahasa pula dan saya mau buka2 codenya takut ada yg rusak karna sudah banyak sekali datanya. jadi saya manfaatkan databasenya saja hehehe.

    disini ada 2 level user 1.admin perizinan / admin global 2.admin setiap kampus,(kampus 1,kampus 2,kampus 3,kampus 4) kampus 4 sengaja saya blog karena kampusnya masih baru belum ada data santrinya.

    Minta saran yha temen2...

    email admin global :adminpusat@gmail.com pw admin global :4321

    email admin kampus :adminkmps2@gmail.com pw admin kampus :1212


  1. [https://kaveenic.github.io/official-website/]
    MasMantul
    Assalamualaikum wr wb Halo pak dika saya Burhan, kali ini saya mau ikutan showcase-project nihh. saya membuat official website dari Kaveenic Company. sebuah perusahaan siswa di salah satu SMK Negeri. website ini menampilkan landing page yang sederhana mencakup hal-hal umum mengenai Kaveenic dimulai dari pengenalan hingga produk yang dijual. rencananya website ini akan ditampilakan untuk memberi informasi dasar mengenai Kaveenic. Silahkan dilihat dan kunjungi, saya harapkan tanggapannyaa, supaya websitenya bisa lebih baik lagi walaupun simple. terima kasihh pak dika.

    Source Code : [https://github.com/Kaveenic/official-website]

    • Teknologi :
    • HTML
    • CSS
    • Javascript
    • Library :
    • Swiper Js
    • Bootstrap 5

  1. [https://moonl.me/]
    MoonL
    Assalamualaikum wr wb Halo pak dhika, saya Farrel, kali ini saya mau ikutan Pamer Project Website saya nih, Saya Membuat Website Menggunakan Github Pages, dan karena saya ada github education saya hubungkan dengan namecheap domain gratis saya

    Tema Websitenya sebenarnya hanya website tentang yang menjelaskan diri saya sih

    • Teknologi -HTML -CSS -JS -Scss(scssnya saya remove dari source code karena sudah di compile ke css)

    • Library -BootStrap 5 -Font Awesome 5

    • Tools

    • BootStrap Studio
    • Visual Studio Code

    Link Source Code: [https://github.com/MoonLGH/MoonLGH.github.io] [https://github.com/MoonLGH/Me] [https://github.com/MoonLGH/Portofolio] ini website sebenarnya ada 3 ./Me ./Portofolio dan basenya ./

    Ini website pertama saya temen temen, tolong minta saran yaa


  1. [https://mrga.my.id/]
    mrizqighana
    Assalaamualaikum semuanya, Saya mau share project yg saya buat, cuman web landing page sederhana aja sih. Udah pake custom domain di github pages. Sekedar iseng mengisi kegabutan dirumah...

    Berikut teknologi yg digunakan :

    • HTML
    • CSS
    • Untuk ikon pakai icons8
    • Ilustrasi (dari unDraw)
    • Background (subtle patterns)

    Link repo : [https://github.com/mrizqighana/mrizqighana]



2 September 2021

  1. [https://romnan.my.id/typingmeter/]
    romnan
    Halo semuanya, Saya mau share project ๐Ÿฅ” saya, sebuah website untuk tes kecepatan ketik. Sebenernya konsepnya dicuri dari 10fastfingers. Saya suka webnya 10ff tapi saya ga suka desainnya yang terlalu rame dan banyak iklan. Jadi saya bikin dengan desain yang lebih minimalis dan bersih.

    TKP : https://romnan.my.id/typingmeter/

    Yang saya suka, semuanya berjalan statis. Jadi bisa hosting gratisan dari GitHub pages, hahah. Open source ya, silakan meluncur ke reponya di https://github.com/deddyromnan/typingmeter. Jangan lupa di-star reponya kalo suka.

    Salam.

    PS : yang punya LinkedIn, yok connect [https://www.linkedin.com/in/romnan/]


  1. [https://elvinafirmansyah.github.io/VIZFA/]
    prelce๐ŸŒธ๐Ÿ‡
    Hallo Pak Dhika dan teman-teman semua.... Saya ingin share project saya. Perkenalkan saya Elvina Firmansyah (13 tahun) . Ini adalah pertama kali saya showcase project saya.

    Website ini dibuat menggunakkan: -). Html -). Css -). Bootstrap -). AOS (Animate On Scroll) -). Sedikit Javacript

    Link Repo [https://github.com/elvinafirmansyah/VIZFA]


  1. [https://aldiramadhan271.github.io/]
    aldi ramadhan
    Hallo Pak Dhika dan semuanya:wave: Saya ingin share project saya. Perkenalkan saya Aldi Ramadhan (18 tahun) . Ini adalah pertama kali saya showcase project saya disini.semoga kalian bisa suka sama web yg saya buat, web ini hanya portfolio.insyaallah kedepannya bakalan bikin web yg menarik.kritik dan saran di persilahkan^_^

    Website ini dibuat menggunakan: ->. Html ->. Css ->. Javascript -). Iconscout ->. Swiper

    Link Repo [https://github.com/Aldiramadhan271/Aldiramadhan271.github.io]


  1. [https://rysx-ex.github.io/remember-pattern/]
    Alpin
    Halo Pak Dhika dan semua teman-teman. nama saya Alvin Adrianto umur 17 tahun. izin share projek iseng2 aja yaitu game sederhana. gamenya kalo ada yang tau, itu mirip task di among us yang start reactor kalo gasalah. dibuat semingguan nyicil2. projek ini sebenarnya juga buat ngelatih logika saya aja sihh.

    dibuat dengan : -html -bootstrap 5 -vanilla javascript

    Terima kasih Pak Dhika dan teman2.

    link repo : [https://github.com/rysx-ex/remember-pattern]


  1. [https://syofyanzuhad.my.id/hut-ri-76]
    syofyanzuhad
    Pak Dhika, mau kirim project lagi ni.. kali ini cuma satu halaman pak.. di buat pakai HTML+CSS aja ini logo HUT RI ke 76

    link repo: [https://github.com/syofyanzuhad/HUT_RI_76]

    kalo mau tau proses pembuatannya bisa diliat disini: [https://www.youtube.com/watch?v=Ievcz6liglQ]


  1. [https://github.com/fncolon/idnaive]
    fn

    Idnaive is A Simple Node.js Naive Bayes Library.

    Multilanguage Stemming (Indonesia + English) Out String Filter Punctuation Filter Fix Zero-Frequency Problem


  1. [https://koddl-io.herokuapp.com/]
    PixelSam123
    Halo Pak Sandhika dan member WPU sekalian! Izinkan saya sharing projek hasil kegabutan PPKM (sekaligus belajar NodeJS untuk pertama kalinya), Koddl.io. Maaf kalau ini bukan ide original (saya belum mengecek, di kepala saya ini ide original banget, tapi tolong beritahu kalau memang sudah ada situs seperti ini, yaitu Skribbl versi koding ๐Ÿคฃ )

    Dan iya, barusan saya sudah beritahu apa isi website ini... yaitu Skribbl namun Anda tidak diberikan tempat menggambar, melainkan sebuah kode editor. Website ini dibuat menggunakan:

    To dos:

    • Belum ada tampilan menang yang keren, jika semua ronde sudah selesai
    • Konfigurasi room (private room, jumlah ronde, max player per room, etc)

    Repository: [https://github.com/FADHsquared/koddl.io]

    Pak Sandhika, kalau antriannya sudah hampir sampai giliran saya tolong DM discord saya, takutnya waktu mau di-showcase, dyno Heroku nya lagi mati ๐Ÿ˜‚


  1. [https://cmsmanajer.com/]
    suganda
    Halo Pak Dhika dan semua teman-teman. nama saya Sugeng Agung Suganda. izin share projek CMS Manajer yaitu simple control panel untuk management server dan aplikasi dengan GUI. CMS Manajer juga memiliki auto install WordPress di VPS.

    Rencananya, project ini akan menjadi alternative dari cPanel.

    dibuat dengan :

    • NodeJS
    • MongoDB

    Terima kasih Pak Dhika dan teman-teman


  1. [https://martarion-code.github.io/Countdown-Birthday-and-Fireworks-Animation/Birthday%20Countdown%20+%20Fireworks%20Animation/]
    Mahardika B. Weasley
    Halo, pak Sandhika dan semuanya. Saya ingin share project simple saya. Ini adalah pertama kalinya saya share project saya di showcase project disini. Jadi, web ini berisi countdown dari hari ini sampai tanggal yang kalian tentukan dan akan muncul fireworks animations setelah countdownnya selesai atau dengan kata lain, "birthday time". Btw, kalo kalian ingin melihat firework animations muncul, kalian bisa tentukan tanggalnya di hari ini, dan dengan begitu firework animations nya akan muncul. Kritik dan saran dipersilahkan.

    Dibuat dengan : -HTML Canvas -CSS -JavaScript

    Link repo : [https://github.com/Martarion-Code/Countdown-Birthday-and-Fireworks-Animation]


  1. [https://inventory.toekangketik.com/]
    HusnulM
    Halo Pak Dhika dan semuanya, Izin ikutan showcase project, ini adalah showcase pertama saya. Ini adalah system Inventory Management sederhana yang didalamnya terdapat beberapa fitur antara lain :

    • Purchase Requisition
    • Approve Purchase Requisition
    • Purchase Order
    • Approve Purchase Order
    • Penerimaan Barang Berdasarkan Purchase Order
    • Laporan-laporan
    • dan Pengaturan System

    Aplikasi ini dibuat dengan :

    • PHP
    • MySQL
    • Javascript

    Untuk template menggunakan ADMINBSB - MATERIAL DESIGN.

    user yang bisa di pakai :

    1. User Staff (Untuk Membuat PR dan Penerimaan Barang) demo1 123456

    2. User Approval (Untuk Approve PR) demo2 123456

    3. User Untuk Membuat PO purch1 123456

    4. User APprove PO purch2 123456

    5. Super User (Untuk Melakukan Konfigurasi System) sys-admin 123456

    Terimakasih



4 September 2021

  1. [https://manga-web-zixaw.000webhostapp.com/]
    Zixaww
    Hallo Pak Dhika Dan Semua Teman-teman nama saya sahrul umur 15tahun, ijin share project hasil belajar seminggu yg gua buat di hp,yaitu Web untuk manga populer tapi manga nya blom ada heheh,mohon saran nya:pray:

    Dibuat dengan: -html -css

    Saran:Dilihat dengan hp dimiringkan

    Web nya dibuat di hp soal nya gada PC atau lapto

    Trimakasih pak dhika dan teman"


  1. [https://thejourney.vercel.app/]
    nuril
    Terimakasih banyak atas show project yang lalu [https://dewetour.vercel.app/], saya terimakasih banyak atas masukannya ... jadi tau saya kalau gambarnya gak full ketika di buka di resolusi pc... soalnya devnya di resolusi laptop saya... hehe .... sedang saya perbaiki untuk dewetour...

    untuk kali ini saya izin share project lanjutan dari dewetour ya pak ... project ini adalah travel diary jadi orang2 bisa cerita pengalaman dia ketika travel di suatu tempat dengan tools :

    • Next js / React js
    • Material-ui
    • Express js
    • JWT
    • Sequelize

    email : lia@gmail.com pass: 123456789

    github : [https://github.com/anfedu/thejourney]


  1. [http://feriirawan-api.herokuapp.com/docs/]
    Feri Irawan
    Assalamu'alaikum Pak @sandhikagalih dan kawan-kawan semua ๐Ÿ‘‹ .

    Perkenalkan saya Feri Irawan dari Kab. Bulukumba (SMPN 40 Bulukumba)

    Izin share dua projek saya yaitu:

    Pertama Izin share showcase kedua saya yaitu "Halaman Dokumentasi API". (dikirim pada 04/08/2021)

    Halaman ini adalah halaman dokumentasi dari beberapa API sederhana yang telah saya buat.

    Halaman ini saya buat berdasarkan masukan dari pak Dhika dan teman-teman waktu projek API Lambang Daerah Indonesia saya di showcase tanggal 31, Juli, 2021 katanya kalau dokumentasi bagusnya gk di buat di README saja tapi buat halamannya juga.

    Halaman ini juga sudah terindex Google Search keywordnya Feri Irawan API Docs

    Teknologi yang saya pakai:

    • PHP Native (seperti API saya yg native ๐Ÿ˜‚)
    • Tagify (untuk input)
    • Clipboard JS
    • Highlighter JS
    • Boostrap (CSS & JS)

    Repo: [https://github.com/feri-irawan/API/tree/main/docs]

    Halaman ini juga akan terus dikembangkan.

    Mohon masukannya.

    Terima kasih pak Dhika dan teman-teman semuanya... Nantikan projek berikutnya ya, ๐Ÿ˜„


  1. [https://acbagusid.anandanesia.com/]
    Ilham Tegar
    halo semua saya disini mau share project yang pernah saya buat di semester 2 lalu static web html css dan web aplikasi menggunkan php dan mysql

    1. untuk project pertama static web untuk teknologi yang digunakan
    • html
    • css
    • bootstrap
    • javascript
    • php

    nama webnya acbagus, jadi web ini di buat untuk promosi produk layanan maintenance ac, di dalam web ini pengunjung dapat melihat informasi detail katalog produk jasa dan dapat langsung memesan dari layanan yang tersedia melalui form, yang kemudian informasi pemesanan tersebut akan dialihkan ke email (sama dengan contact form)

    source [https://github.com/azumi99/webprograming1]


  1. [https://github.com/Sampahcokk-dev/hadits-api]
    myudak
    hai smua saya Muchamad Yuda Tri Ananda mo bagi projek hadits hadits API

    jadi kalian bisa ngambil hadits hadits random dari sini

    carany liat dari sini ya

    myudak


  1. [https://books.opakholis.dev/]
    opxop
    halo pak dhika dan temen-temen semua

    izin ikutan pamer share showcase project pertama saya ya.

    ehm curhat bentaran, jadi akhir-akhir ini saya suka baca buku nih. temen-temen pasti tau dong goodreads? saya sempet register dan pake platform tersebut, tapi ga bertahan lama karena kurang nyaman sama interface-nya yang terlihat sangat bloated hehe. akhirnya saya nemuin tempat saya untuk track dan record perkembangan bacaan saya, namanya [https://oku.club/]. tampilan clean-nya yang saya suka, temen-temen bisa cek sendiri hehe.

    problem? sembari terus membaca, saya juga mulai suka menulis. sayang banget klo beberapa taun kedepan saya lupa pesan dan isi dari buku-buku tersebut, jadi saya harus menulis apapun tentang isi dari buku yang sudah saya baca (istilahnya review, ulasan, ato resensi kali ya) itung-itung belajar, ga ada pengalaman menulis juga soalnya ๐Ÿ˜ฆ

    maka jadilah project ini, tempat saya pribadi untuk memfasilitasi pengalaman membaca saya. main goalnya sih catatan yang uda saya buat bisa jadi pengingat isi dari buku tersebut, syukur-syukur orang lain jg dapet manfaatnya hehe

    teknologi yang digunakan:

    • next.js
    • tailwindcss
    • notion API

    sumber kode: [https://github.com/opxop/bookshelf]

    saran dipersilahkan, kritik apalagi. jangan sungkan untuk mengkritik, saya suka dikritik xixixi.

    Dah gitu aja, tenkyu pak dhika dan teman-teman semua.


  1. [https://fikrinotes.netlify.app/javascriptproject-menu/intergalacticwar/]
    Raizel
    INTERGALACTIC WAR

    Selamat pagi teman2 semuanya, saya mau menunjukkan game yang baru saja selesai saya buat.

    Game ini saya beri nama Intergalactic War, atau jika diterjemahkan berarti perang antargalaksi. Game ini mengambil konsep kehidupan manusia jika alien benar2 ada dan kita berperang melawan mereka.

    Saya mau cerita, game ini sebenarnya terinspirasi dari game blastar -nya elon musk yang pernah dia bikin waktu kecil. Sejak saya tau tentang game blastar ini, saya mau membuatnya juga. Saya udah cari2 di google&youtube ttg algoritma game blastar ini, sayangnya ga nemu. Saya coba inspeksi web blastarnya (game blastar sekarang ada yg versi html5), tapi sintaks javascript nya jauh berbeda dengan sintaks javascript yang saya kenal (kayaknya game itu ga pake vanilla javascript), sehingga saya ga ngerti bahkan 1 baris pun kode program game blastar tsb. Akhirnya saya coba bikin sendiri algoritmanya berdasarkan pengalaman saya bermain game Blastar. Setelah 2 minggu pengerjaan, akhirnya game ini selesai dan dengan bangga saya ingin menunjukkannya pada teman2 disini. Ini link game Intergalactic War nya :

    Game ini dibuat dengan : โ€ข HTML โ€ข CSS โ€ข Vanilla JS

    Untuk membuat tampilan game nya itu sebenarnya mudah (sangat mudah), tapi yang bikin sulit adalah menyusun algoritma game nya, dan kemudian menyesuaikan algoritma yang saya buat dengan keterbatasan fitur yang dimiliki vanilla js. Sehingga, seringkali saya merombak ulang algoritma game ini. Karena itulah butuh waktu 2 minggu bagi saya utk membuat game ini.

    Ini adalah game blastar Elon musk yang saya coba buat ulang: [https://blastar-1984.appspot.com/]

    Jika teman2 ingin melihat bagaimana saya membuat game ini, silakan kunjungi blog saya di : [https://dev.to/fikrinotes/how-i-build-intergalactic-war-game-in-pure-javascript-3243]


  1. [https://iro.nyandev.id/]
    nyancodeid
    Halo Pak Sandhika dan Semunya. Kenalin nama saya Ryan Aunur R, izin showcase project yang saya mulai buat akhir 2019 lalu yang baru baru ini saya update sesuai dengan penerapan hasil belajar saya.

    Project ini berawal dari mengisi waktu luang sekaligus mencoba berkolaborasi dengan designer. Karena tidak selamanya kita bekerja sendiri kan jadi saya berkesempatan bikin project bersama teman designer saya yang juga sudah bosen bekerja sendiri. Singkat cerita latar belakang dibuatnya project ini adalah kesulitan kami dalam mengkonversikan warna ketika bekerja dengan CSS dan aplikasi lainnya. Jadi kami membuat web-app yang terdapat fitur PWA supaya bisa diakses secara offline di smartphone.

    Nama Projectnya adalah IRO (่‰ฒ) yang berasal dari bahasa jepang yang berarti warna.

    Fitur-fitur yang ada :

    • Bisa bekerja secara Offline
    • Konversi warna dari ke HEX, RGB, HSL dan CMYK.
    • Material Palette generator.
    • Color Harmonies (Complementary, Analogous, dan Triadic).
    • Color Inspection (Ambil kode hex benda sekitar dengan kamera HP/laptop).

    Teknologi yang dipakai dalam pembuatan project ini adalah:

    • Vue 3
    • Vite
    • Pinia (state-management alternatif Vuex)
    • Progressive Web App
    • Cloudflare Pages

    Source code juga dibagikan secara terbuka di github supaya bisa sama-sama dikembangkan.

    Github : [https://github.com/nyancodeid/iro]

    Terima kasih pak dhika dan teman-teman semua.


  1. [https://ion-covid.netlify.app/]
    bahyusanciko
    Assalamualaikum pak sandhika saya ada apps statistik data covid Untuk Informasi Terbaru Penyeberan Virus Covid-19 , Data Terupdate Melalui [https://covid19.mathdro.id/api] Dan [https://api.kawalcorona.com/]

    Teknologi yang digunakan:

    • Ionic :typescript:
    • Angular :angular:

    Github Repo: [https://github.com/bahyusanciko/ion-covid-19]


  1. [https://nyumput.suryamsj.my.id/]
    suryamsj
    Halo pak dhika, perkenalkan nama saya Muhammad Surya. Izin share project web yang dimana ini terinspirasi dari situs screto. Buat yang belom tau, secreto itu website untuk mengirimkan pesan rahasia tanpa harus tau nama dan identitas dari pengirim pesan tersebut.

    Teknologi yang saya gunakan :

    • PHP Native
    • Bootstrap 5
    • Ajax

    Untuk asset gambar, saya pake situs ini : [https://storyset.com/]

    Sebelumnya terima kasih untuk pak dhika dan kawan" semuanya.

9 September 2021

  1. [https://valclassui-v1.vercel.app/]
    Muhammad Khoirul Huda
    Halo pak dhika, perkenalkan nama saya Muhammad Khoirul Huda. Saya izin ingin share project yang telah saya buat sendiri (Framework CSS - Valclass). Sebuah Framework CSS yang menyediakan component, class dan berbagai fitur lainnya.

    Teknologi yang saya gunakan :

    • Vanilla Javascript
    • HTML, CSS

    Sebelumnya terima kasih untuk pak dhika dan kawan" semuanya.


  1. [https://devinwinando.github.io/ikarus]
    Depin
    Halo pak dhika dan teman teman semuanya, perkenalkan nama saya Devin Winando asal Cirebon. Izin ikutan showcase project, ini pertama kalinya saya ikutan showcase project.

    Project ini saya beri nama IKARUS (Info Kamar Rumah Sakit). Ikarus ini berfungsi untuk mencari info ketersediaan kamar rumah sakit di Indonesia.

    Fitur yang tersedia :

    • mencari ketersediaan kamar rumah sakit berdasarkan provinsi dan kota di Indonesia
    • menampilkan detail ketersediaan kamar rumah sakit

    Teknologi yang saya gunakan :

    • HTML
    • CSS (Bootstrap)
    • JS

    Github repo : [https://github.com/DevinWinando/ikarus]

    Terima kasih pak dhika dan teman-teman semuanya. Mohon kritik & sarannya bila ada kekurangan.


  1. [https://musiqt.com/]
    norke
    Halo Pak Sandhika dan Semunya. Kenalin nama saya Norman asal Cirebon juga, izin showcase project yang saya mulai buat 2 bulan yang lalu dan tentu saja masih akan terus berlanjut agar platform selalu berjalan lebih baik. ๐Ÿ™

    Projectnya bertemakan streaming musik, blockchain dan machine learning. Blockchain sendiri bagi saya pribadi sebetulnya agak meragukan untuk dapat membantu permasalahan yang selalu menghantui industri musik sampai saat ini. Kesimpulan ini saya ambil dari hasil progress development saya di blockchain sampai sekarang. Karena jujur, konsep2 seperti desentralisasi, immutability yang diusung blockchain sangat bisa jadi boomerang.

    banyak kelemahan blockchain sebagai database yang saya temui, karena itu untuk memperkuatnya, saya kombinasikan dengan machine learning serta beberapa teknik audio processing lainnya agar dapat memberi nilai lebih bagi platform.

    Idenya di platform ini, pendengar ataupun artist, semua dapat komisi yang berbentuk token crypto, karena itu harus diperjuangkan agar token yang dibuat bisa masuk ke listing crypto exhange.

    project ini tentu nanti akan saya jadikan opensource.

    teknologi yang digunakan: - Python 3 - Django - Solidity - Javascript - HTML

    btw, untuk teman2 yang ingin ikut join di project ini, saya sangat welcome...tapi ya saya gak bisa kasih apa2 selain nanti ada share dari token yang dibuat. Karena memang masih bootstrap, dalam artian masih semua pake budget sendiri(juga sejauh ini saya masih develop semua dari hulu ke hilir sendiri hiks...hiks...). Lain cerita nanti klo sudah dapat pendanaan yak..heheh. ๐Ÿ˜‡

    token yang dibuat ada di network testnet ethereum Kovan, untuk membukanya teman2 bisa install metamask di browser, kemudian export private key yang diberikan oleh platform sesat setelah registrasi berhasil..

    saran, masukan dan lainnya sangat dibutuhkan gaes..

    begitu saja abang2, bapak2, mba2, ibu2, kakak2...semoga dapat berguna, trimakasih ๐Ÿ˜„


  1. [http://pinjam-ruang.vonso.online/]
    vonso
    Halo hai ๐Ÿ‘‹ Perkenalkan saya Vonso dari Batam, mau coba ikutan project showcase nya pak Dhika, siapa tau aja project yang saya buat bisa bermanfaat.

    Oh iya, nama projectnya "Pinjam Ruang", dimana nantinya mahasiswa bisa pinjam ruangan pada kampus/universitas nya tanpa repot harus menulis borang dan datang ke kampus. Tinggal isi form dari website, tunggu persetujuan dari dosen, setelah itu Tatausaha kampus akan mengecek dan menyetujui pemimjaman jika data valid.

    Teknologi yang dipake ada:

    • Laravel
    • CSS (Bootrstrap 4)
    • JS

    Tautan repo: [https://github.com/vonsogt/pinjam-ruang]

    Jika ada kritik, saran atau masukkan boleh dong di info ke saya, biar aplikasinya bisa lebih baik lagi. Sebelumnya terima kasih pak Dhika dan kawan" disini.

    Best, Vonso


  1. [https://haaiiidaaarrr.github.io/konversisuhu/]
    Hai
    Halo Temen" ๐Ÿ‘‹ Perkenalkan aku Hai kelas 9 SMP dari Jawa, aku mau coba ikutan project showcase nya pak Dhika juga, siapa tau aja project yang saya buat bisa bermanfaat.

    Oh iya aku kali ini nyoba membuat sebuah konversi suhu (Celcius, Reamur, Fahrenheit, Kelvin) Teknologi yang dipake ada: Dasar:

    • Html
    • CSS
    • JS Framework:
    • Bootstrap 5

    Animation:

    • AOS
    • GSAP

    Tautan repo: [https://github.com/Haaiiidaaarrr/konversisuhu.git]

    Jika ada kritik, saran atau masukkan boleh dong di info ke saya, biar aplikasinya bisa lebih baik lagi, jangan lupa follow github saya. Sebelumnya terima kasih pak Dhika dan kawan" disini.

    Salam Hangat, Hai


  1. [https://slowy07.github.io/neuralPainting]
    arfy.slowy
    selamat malam pak:grin: kali ini saya ingin share project yang mugkin udh lama kali ya karena sudah lama juga, yang sebelumnya kemungkinan untuk dunia medis, kali ini di dunia seni :joy: . aplikasinya bisa menggambar lukisan berdasarkan foto yang ingin dilukiskan. aplikasi ini juga bisa meniru style atau ciri gambar dari sebuah pelukis dan kemudian diterapkan dan di gambarkan kedalam bentuk gambar yang sebelumnya kita inputkan.

    teknologi yang digunakan:

    • pytorch ( machine learning lib )
    • scikit learn

    untuk penggunaan, kali ini pak dhika sudah bisa lakukan secara live demo ๐Ÿ˜‚ yaitu ada 2 kriteria tes demo yaitu testing gambar lukis biasa dan gambar lukis mengikuti ciri pelukis ( contoh kali ini picasso ), untuk melihat step by step aplikasi tersebut melukis, pak dhika harus melakukannya pada lokal test demo, untuk contoh step by step melukisnya pak dhika bisa lihat pada dokumentasi github. untuk penggunaan demo,serta paper(jurnal) dan lain2 pak dhika bisa cek dibawah ini

    [https://github.com/slowy07/neuralPainting]

    btw, boleh juga untuk open pull request atau lain2, ditunggu next lagi pak sampe semua bidang terpenuhi :v

    terima kasih selamat malam pak :wpusiap: :wpusiap: :wpusiap:


  1. [https://zdnpl.github.io/foodiest/]
    zdnpl
    halo perkenalkan saya Zidan kelas 9 SMP dari Jakarta, saya mau coba ikutan project showcase nya Pak Dhika juga.

    semoga project yang saya buat bisa bermanfaat dan menginspirasi

    nama projectnya "Foodiest", isinya adalah tentang makanan ide bikin project ini tiba tiba muncul tadi pagi

    Teknologi yang digunakan:

    • HTML
    • CSS
    • Bootstrap

    Repo : [https://github.com/zdnpl/foodiest]

    jika ada kritik, saran atau masukkan bisa di info ke saya, biar websitenya bisa lebih baik lagi Terimakasih


  1. [https://mari-mengobrol.herokuapp.com/]
    Yogi Pristiawan
    Assalamualaikum wr. wb. lama ngga muncul hehe.

    teman teman izin share project saya. Saya bikin realtime chat app menggunakan:

    • NodeJS
    • Postgre
    • Bootstrap
    • Vanila javascript dia realtime kalau ada user yang sama sama online.

    untuk source code nya : [https://github.com/YogiPristiawan/chat-app]

    silahkan teman-teman kalau mau clone project saya. mohon kritik dan sarannya ya. jika ada bug, dsb. terima kasih banyak ^^

    Wassalamualakium wr. wb.


  1. [https://anihub.vercel.app/]
    toufiqn
    Selamat malam, Izin share project saya, siapa tahu bisa memberi inspirasi. Namanya 'anihub' yaitu semacam anime finder.

    Teknologi yang digunakan:

    • Webpack,
    • Web Component
    • Bootstrap
    • Vanila JS

    Source link: [https://github.com/toufiqnuur/anihub]

    Silahkan teman - teman kalau mau memberi saran atau kritik. Terimakasih


  1. [http://belajarngaji.rf.gd/]
    wahid
    selamat pagi semuanya, izin share project saya, siapa tahu bisa memberi inspirasi. namanya BELAJAR NGAJI yaitu diperuntukkan bagi orang tua yang ingin mengajarkan anaknya untuk mengaji dari dasar yaitu iqro, aplikasi ini juga saya buat karena situasi saat ini yang lagi pandemi jadi tidak diperbolehkan untuk ngumpul-ngumpul karena nantinya saya akan coba kembangkan ketahap user bisa belajar ngaji secara online langsung dengan guru ngaji atau mentor, di aplikasi ini sendiri saya sudah membuat menu huruf hijaiyah dari cara penulisan hingga bagaimana cara pengucapannya dengan audio

    link repo: [https://github.com/awahids/belajar-ngaji]

    teknologi:

    • UI frameworks - Materialize CSS
    • HTML
    • CSS
    • JS
    • Rest API Alquran

    masih tahap pengembangan sambil media saya belajar, jika ada teman-teman yang mau kolaborasi atau memberikan saran dipersilakan terima kasih.



11 September 2021

  1. [https://github.com/AlphaBeta1906/pyGinit]
    alpha1906
    Halo semuanya, Saya ingin ingin share project saya nih mungkin bisa menginspirasi atau bahkan membantu teman-teman disini. Saya membuat program command line yang bernama : PyGinit,nah pyGinit ini adalah command line yang bisa membantu dalam otomatisasi pembuatan local git dan reponya di github ,jadi jika kalian ingin mengupload project kalian ke github kalian bisa menggunakan pyGinit ,dan tinggal mengetikan command : pyginit init isi beberapa prompt dan PyGinit akan melakukan git init,membuat repo github,dan push kesana.

    untuk instalasi kalian bisa menggunakan pip : pip install PyGinit

    untuk saat ini pyGinit memiliki 3 command yaitu:

    • init: git init + git push ke remote
    • remote: membuat repo kosong di github
    • set-auth: command wajib sebelum menggunakan pyGinit,command ini digunakan untuk mengeset github token dan username github kalian ke pyGinit,dengan format : pyginit set-auth

    teknologi yang digunakan :

    • python
    • Click
    • pygithub
    • GitPython
    • PyInquirer

    link github : [https://github.com/AlphaBeta1906/pyGinit]

    Nah itu adalah project saya.Silahkan yang mau clone atau berkontribusi ke project saya,mohon kritik sarannya juga ya itu sangat mebantu agar pyGinit bisa lebih baik

    terimakasih ๐Ÿ˜


  1. [https://github.com/ianfleon/blognitess]
    ianfleon
    Saya mau berbagi hasil projek sederhana dengan nama "Blognitess", yaitu sebuah kerangka kerja untuk membuat web statis. Cara kerjanya mirip seperti Hugo (SSG), atau mungkin SSG lain. Namun perbedaanya, file konten (Markdown) pada SSG diparsing dan dibuat menjadi file HTML baru, sedangankan Blognitess hanya mengambil data dari file Markdown dan secara langsung diparsing menjadi element HTML (tanpa generate file).

    Tujuan dari projek ini sebernarnya ingin membantu teman-teman dalam membuat blog sebagai catatan (proses belajar pemrograman), dengan cara yang sederhana tanpa harus menyiapkan banyak hal.

    Terinspirasi dari : Hugo (SSG) Dibuat menggunakan : JavaScript (VanillaJS)

    Untuk SC dan Dokumentasi, silahkan kunjungi : [https://github.com/ianfleon/blognitess]


  1. [https://ryrd.github.io/]
    ryrd
    selamat sore,

    izin share disini saya pengen share 2 project sekaligus,

    project yang pertama adalah website portofolio pribadi saya.

    teknologi yang digunakan: -HTML -SASS -Javascript -GSAP (for animation) -Pace.js (for preloader)


  1. [https://cv-maker-ezza022.vercel.app/]
    Alfirman Pahlepi
    halo semua, izin share project yang barang kali bermanfaat untuk teman teman jadi ceritanya saya adalah mahasiswa tingkat akhir dan saya butuh cv atau resume untuk persiapan kedepan, tapi masalahnya saya gabisa desain menggunakan potoshop ataupun coreldraw. jadi saya kepikiran untuk desain lewat coding saja. dan untuk memudahkan teman teman saya dalam membuat cv tanpa harus desain dari awal akhirnya saya kepikiran lagi untuk membuat buildernya.

    github : [https://github.com/ezza022/cv-maker]

    tech : MERN stack Next js kekurangan : banyak bugs, tidak responsive


  1. [https://visitor-badges.glitch.me/maker.html]
    Feri Irawan
    Assalamu'alaikum Pak @sandhikagalih dan kawan-kawan semuanya.

    Perkenalkan saya Feri Irawan (Siswa SMPN 40 Bulukumba)

    Izin share showcase ketiga saya, yakni projek open source namanya Visitor Badge.

    Sesuai dengan namanya, projek ini digunakan untuk membuat badge jumlah visitor pada repository github masing-masing.

    Contohnya :

    [https://visitor-badges.glitch.me/?username=feri-irawan&repo=visitor-badge]

    Tidak hanya untuk repository github. Tapi jika kawan-kawan ingin menggunakannya di halaman website juga bisa loh.

    Projek ini dibuat 1 hari. Mumpung hari Ahad

    Visitor Badge

    Repository : [https://github.com/feri-irawan/visitor-badge]

    Teknologi :

    • PHP Native
    • JSON (sebagai database)

    Untuk yang ingin membuat badge dengan cepat bisa menggunakan maker yang telah disediakan dibawah ini.

    ๐Ÿ”ด Visitor Badge Generator/Maker

    Link : [https://visitor-badges.glitch.me/maker.html]

    Teknologi :

    • HTML
    • CSS native (dikit)
    • Tailwind (sekalian belajar)
    • Hightlight JS (untuk bagian kotak kode)
    • JS vanilla (dikit)
    • Google Font (Inter)
    • Clipboard JS (untuk copy url badge)

    Mohon masukannya. Terimakasih Pak @sandhikagalih dan kawan-kawan semuanya. Semoga kita semua sehat selalu dan dimudahkan rezekinya, Amiiin

    Jangan lupa star nya ya.. โญ

    Semangat! ๐Ÿ”ฅ


  1. [http://radenayukartini.great-site.net/]
    Bambiiii
    Selamat malam semuanya, malam ini saya mau share hasil pembuatan web dari desain yang saya buat di event design jam kemarin, kalau mau liat desainnya bisa dilihat di [https://ksana.in/tribute-kartini-design-powpow]

    Jadi, website ini adalah website biografi dari R.A. Kartini. Web ini dibuat pakai tailwindcss saja ditambah sedikit js vanila dan icon dari boxicons. Untuk saat ini websitenya masih belum responsive dan beberapa section masih belum support dark mode.

    Websitenya bisa di akses di [http://radenayukartini.great-site.net/], web ini belum saya upload ke repo karena gak tau kenapa waktu saya upload beberapa gambar ga bisa ke load.

    Web ini saya buat dengan methodology bernama barbar coding, jadi saya harap source codenya tidak di intip, terutama di bagian javascript.

    Minta sarannya dan kalau ada bug bisa reply aja, terimakasih. Selamat Hari Kemerdekaan Indonesia โค๏ธ ๐Ÿค

    Jangan Bully Kak

    Edit 1 : Dark mode sudah saya benerin Edit 2 : Sudah saya upload di github di [https://github.com/bbhpowpow/kartini-tribute-page] Edit 3 : Saya sudah tambahkan animasi saat scroll pakai AOS


  1. [https://find-mov-sz.herokuapp.com/trending/1]
    shintia
    Halo manteman , izin share project kecil2an yaitu movie search app

    Dibuat dengan Next.js dan material ui

    Untuk source code boleh liat2 [https://github.com/shintiazhou/FindMov]

    Moon maap masih banyak bug dan belum sempurna thx


  1. [https://www.tajul.my.id/]
    Tajul Arifin S
    Selamat siang semua, ijin ikut showcase project pak deskripsi: project diatas merupakan website portfolio saya yang dibuat karena kegabutan dimasa PPKM ini hhe. dibuat menggunakan framework NEXTJS agar bisa di generate jadi website static (SSG), kemudian untuk tampilan nya dibuat dengan framework Tailwind (sekalian belajar karena sebelumnya belum pernah make). untuk hostingnya saya menggunakan vercel. minta saran dan masukannya pak. mungkin itu saja, terima kasih atas waktunya pak

  1. [https://zeroneko.vercel.app/]
    ! Aldi~
    Selamat malam, izin share project. Saya membuat website untuk membantu temen-temen yang mungkin mau belajar bahasa jepang. website ini dibuat menggunakan API untuk kamus dan juga ada beberapa games, Website ini juga sudah support PWA. Jadi awalnya saya ingin membuat project ini karena saya ingin belajar React JS sambil belajar bahasa jepang.

    Website dibuat menggunakan React JS dan Tailwind CSS. Berikut link website nya [https://zeroneko.vercel.app/], saya juga baru membuat official IG acc untuk website ini yang isinya materi" tentang bahasa jepang yaitu @zeroneko.learn . Berikut juga link repo nya : [https://github.com/aldy-san/zero-neko] Terima Kasih semuanyaa....


  1. [https://zuramai.github.io/starback.js/]
    saugi
    Halo, ini library js buatan saya, starback.js. Tujuannya itu untuk membuat background dengan efek rainfall/starfall. Size cuma ~4kb.

    Fiturnya customizable kok. Dan bisa dipake lewat via CDN atau NPM.

    Waktu pembuatan: < 1 hari

    Teknologinya:

    • HTML5 Canvas
    • Javascript

    Tahap pembuatannya, tinggal bikin canvas, lalu bikin quadraticBezierTo (buat garisnya), generate random garis, tambahin warna, gerakin, selesai. Sisanya tinggal fitur tambahan aja, misalnya ganti background, ukuran, dll.

    Github: [https://github.com/zuramai/starback.js]



17 September 2021

  1. [https://bookshelfs-vercel.vercel.app/]
    Angga
    selamat malam, izin share project untuk submission dicoding saya. website ini bertujuan untuk menyimpan keterangan" pada buku seperti judul, penulis, kategori, dan tahun terbit. Maaf kalau masih banyak yang kurang kak karna saya masih baru belajar ๐Ÿ˜ซ.

    dibuat dengan:

    • CSS
    • javascript
    • bootstrap (hanya untuk styling)

    berikut link websitenya [https://bookshelfs-vercel.vercel.app/] dan ini link repo githubnya [https://github.com/anggara-26/Bookshelfs]

    terimakasih.... ๐Ÿ˜†


  1. [https://yuky.netlify.app/]
    mtegarsantosa
    selamat malam semuanya, izin share project. ini adalah aplikasi kuis edukasi interaktif yang saya dan teman saya buat untuk mengenalkan teknologi di dunia pembelajaran kepada anak-anak. terima kasih! mohon reviewnya yaa

    dibuat dengan:

    • laravel
    • vue js
    • mysql
    • web socket

    video uji coba: [https://www.youtube.com/watch?v=g2Mz98CKURk]


  1. [http://coronaaa-19.netlify.app/]
    alpha1906
    Selamat pagi semuanya,izin share project web, ini adalah aplikasi data global covid-19.

    Dibuat dengan: -html -css -bootstrap -api corona -javascript / jquery

    Link website:

    Waktu pembuatan : 3 hari

    jika ada kritik dan saran mohon disampaikan sekian dan terima kasih:)


  1. [https://zhat.cf/]
    Vins
    Halo! saya mau izin share project, nama projectnya Zhatting yg bertema tentang Chatapp, namanya terinspirasi dari logo saya (z) dan kata Chatting

    awalnya ini dibuat untuk latihan socket.io tapi keasikan hehehe jadi saya terusin deh

    fitur2:

    • pwa
    • real time chat
    • online/offline system
    • ganti avatar (harus lewat url)
    • ganti wallpaper (harus lewat url)
    • bot (https://zhat.cf/me/developer)
    • suara notifikasi di halaman /me dan /me/:userid
    • reply
    • share (discord, whatsapp, facebook, dan masih banyak lagi)
    • invite link (contoh: https://zhat.cf/invite/ID_USER) (fitur akan bertambah seiring berjalannya waktu)

    note: agar botnya bisa online, harus menginstall package zhat.js terlebih dahulu (nodejs) https://npmjs.org/package/zhat.js developer > create bot > copy token > masukan kedalam kode

    github npm package zhat.js https://github.com/Vins2106/zhat.js

    mohon maaf kalo avatar & wallpapernya masih lewat url, soalnya size databasenya masih kecil hehehe, nanti saya update kalo udah kebeli database yg besar (masih mongodb free plan)

    alat yg di pakai

    • nodejs
    • expressjs
    • socket.io
    • font awesome
    • html
    • ejs
    • css
    • mongoose (database)
    • undraw.co
    • figma (buat design)
    • tippy.js
    • mockuphone
    • ngrok
    • particle.js (buat halaman 404)
    • text formatting (pada pesan) (yg saya ingat ini doang)

    link:


  1. [https://ilham25.thedev.id/wagen/]
    Adachii~
    WhatsApp chat generator

    source code : [https://github.com/ilham25/wagen]

    sebenernya ini project buat nginget2 lagi manipulasi DOM basic, krn udh kelamaan pake react jadi agak lupa masalah DOM pake javascript vanilla

    semuanya dibuat hanya menggunakan html, css(dengan sass), dan javascript vanilla dengan bantuan package dom-to-image dan FileSaver.js


  1. [http://anggadwi.my.id/]
    anggadwi.ui
    Halo , Izin Share hasil belajar UI Design untuk Web Portofolio Sederhana. Develop masih pakai Wordpress, sedikit minder rata" projek disini pada pakai framework kekinian hehe , rencana mau develop juga pakai React

    Tools : -Wordpress -Elementor Free (Plugin Wordpress) -Figma (Design)

    Waktu develop : 4 jam Design 3 jam Develop wordpress

    Terimakasih , dan terbuka untuk kritik" nya ๐Ÿ˜€๐Ÿ™


  1. [http://dev.luthfipedia.xyz/spam-sms/]
    Luthfi dhani
    Selamat sore semuanya.. oke. first time aku coba ikut project showcase ini dan mungkin project kali ini bermanfaat buat temen" yang membutuhkan hehehe...

    Project kali aku namai dengan "Deteksi Spam SMS". nah project kali merupakan Machine Learning yang dapat digunakan untuk mendeteksi atau mengklasifikasikan isi dari SMS apakah termasuk spam atau tidak.

    Teknologi yang dipake:

    • Django Framework
    • Bootstrap 5
    • Scikit-Learn

    Metode yang dipake:

    • Naive Bayes
    • K-Fold Cross Validation

    Penjelasan Project: [https://luthfipedia.xyz/klasifikasi-spam-sms-menggunakan-naive-bayes/]

    Repo Github: [https://github.com/luthfidhani/Web-Spam-SMS-Classification-Django]

    kalo ada yang mau nambahin bikin API nya silahkan ๐Ÿ˜…๐Ÿ˜…๐Ÿ˜… makasih


  1. [https://upida.github.io/blog]
    upida
    Halo semua, izin ikut showcase project. Saya membuat blog pribadi dengan Hugo yang dikombinasi dengan Vue JS untuk frontend-nya..

    sekarang masih belum rapih dan belum diisi, insyaAllah diusahakan saat showcase sudah selesai

    Repo Github :[https://github.com/upida/blog]


  1. [https://rizukyy.xyz/]
    Ioofy
    Selamat pagi semua,

    nama saya: rizky umur 17tahun. Hehe Ini pertama kali, saya coba ikut showcase ini. Ini web portfolio saya , saya buat ketika belajar css + javascript selama 1 bulan++ dan terus dikembangkan belajarnya di channel Pak Dika dan channel lainnya hehe, tentunya masih banyak kekurangannya.

    Portfolio ini dibuat tanpa ada library framework js kaya react,svelte,vue dll. dan ini pure css + vanilla js untuk animasi dan send message.

    Teknologi yang dipakai ada beberapa diantaranya : -Bootstrap 4.6 -JQuery (sedikit) -Pure CSS -Box Icons + Font awesome -Typed.js dibagian navlist -AOS.js -SMTP.js untuk form send email :3

    Terimakasih , saran dan kritik terbuka lebar


  1. [https://l0r3ntz.github.io/]
    Yusran
    Halo, Nama saya Muhammad Yusran

    Ini adalah web portofolio pertama saya untuk portofolio poster art dan 3D model. kalian bisa kunjungi Instagram saya untuk melihat lebih banyak lagi.

    Alat-alat : HTML CSS Javascript Bootstrap 5

    Tutorial yang diikuti : [https://www.youtube.com/watch?v=LkR-9Z1sle8&t=3487s]



18 September 2021

  1. [https://write-tulusibrahim.vercel.app/]
    tulusibrahim
    Halo semua, mau share project yang berawal dari keresahan saya karna medium belum ada dark mode, jadi saya bikin platform untuk blogging sendiri dengan tema dark mode. Hosting nya di vercel. Dibuat dengan:

    • react
    • sass
    • chakra UI
    • supabase untuk backend, user authentication, storage nya
    • sedikit sweetalert

    Fitur:

    • Bikin, update, delete post (blog)
    • Inline text editor saat bikin/update blog
    • bisa likes, comment artikel
    • bisa login/signup
    • bisa login dengan github
    • autosave progress saat membuat/update post
    • bisa menambahkan foto profile
    • bisa saling follow2an
    • analytics tentang berapa kali artikel dilihat, likes, comment
    • bisa unpublish post

    username: example@email.com pass: example-password

    jika menggunakan akun sendiri/login dengan github, sangat disarankan isi username dahulu di bagian profile, supaya bisa lihat profile page.

    Semoga bisa jadi alternatif teman2 saat mau mencoba blogging hehe, terima kasih โœŒ๏ธ

    Repository: [https://github.com/tulusibrahim/react-blog]


  1. [http://www.regist.in/]
    Yogisamb
    halo selamat siang teman teman , kenalkan saya mahasiswa yang hobinya rebahan saya saat ini sedang mengembngkan aplikasi yang saya rancang dan saya buat dari 0 dan rencana akan saya kembangkan hingga menjadi startup

    aplikai web base ini bernama Regist.in - Smart IOT Event Assistance saya membangun aplikasi ini setelah belajar dari salah satu playlist pak @sandhikagalih , yaitu membangun login lengkap codeigniter 3. Aplikasi ini dibangun karena dahulu ketika saya masih bergelut dibidang event konser, banyak sekali kerugian karena adanya duplikasi tiket dan ketika bergelut dibidang seminar nasional maupun webinar, banyak sekali sumberdaya yang terbuang karena belum adanya efisiensi sumber daya

    Regist.in sejatinya adalah aplikasi atau website pelengkap untuk semua alat yang kami kembangkan sendiri. tp karena alatnya masih berupa prototipe maka saat ini regist.in kamu fungsikan sementara sebagai manajemen event webinar. mulai dari pendaftaran, manajemen peserta, hingga cetak sertifikat


  1. [https://myquran-ar2.web.app/]
    Arfian Rafi Pradana
    assalamualaikum pak dika, nama saya Arfian sekarang bersekolah di smpn 1 sby, saya ingin share website myquran, kebetulan saya buat dengan ci4 sama reactjs

    REACTJS: url: [https://myquran-ar2.web.app/] -reactjs -firebase(hosting) -bootstrap 5 -react-router-dom -recoiljs

    CODEIGNITER 4: url: [http://myquran.rf.gd/] dibuat dengan: -codeigniter 4 -infinityfree(hosting) -bootstrap 5

    ig : [https://www.instagram.com/arfian_rp__] twitter : [https://twitter.com/ArfianRp] github : [https://github.com/arfian-rp]

    terimakasih


  1. [https://jadwal.rmecha.my.id/]
    reacto_mecha!
    Halo selamat malam Izin share project iseng website jadwal pelajaran buat kelas saya (x bahasa). Website ini juga buat latihan disela-sela tugas sekolah yang banyak. Web ini dibuat juga karena tabel yang dikasih itu buat jadwal satu sekolah, agak ribet ngebacanya. Pengen buat web ini buat satu sekolah cuman tugas yang dikasih guru masih banyak.....

    Webnya dibuat pake

    • Solid js
    • Picnic css

    Kalo mau ngubah jadwalnya tinggal edit file src/Misc/data.js

    Github repo: [https://github.com/reacto11mecha/jadwal]


  1. [https://website-sekolah.rifkiromadhan.repl.co/]
    ikki
    Hallo pak, perkenalkan nama saya Rifki Romadhan, dari Purbalingga. Mau berbagi project sekolah yang saya bikin beberapa bulan yang lalu. Project ini terinspirasi dari websitenya acsjakarta.sch.id. Tolong reviewnya pak. makasih.

    Tech Stack

    • HTML
    • SCSS
    • JS
    • JQUERY
    • LIGHTSLIDER
    • BOOTSTRAPS

    link source code : [https://github.com/IkkiRama/WEBSITE-SEKOLAH]


  1. [https://ahmadmcer.github.io/albukhori/]
    AhmadMCer
    Halo, selamat siang. Perkenalkan saya Ahmad Nawawi mahasiswa Institut Teknologi Telkom Purwokerto program studi S1 Software Engineering. Saya izin untuk membagikan salah satu proyek saya (dan masih dalam pengembangan). Mohon kritik dan sarannya. ๐Ÿ™

    Website dibuat dengan:

    • HTML
    • CSS
    • JavaScript

    Framework yang digunakan:

    • Bootstrap 4.3.1
    • jQuery 3.3.1
    • Popper 1.14.7

    Source: [https://github.com/ahmadmcer/albukhori]


  1. [https://yusufamris15.github.io/progate.github.io-/]
    Yusuf Amri S.
    Assalamu'alaikum warohmatulloh, selamat siang pak dika dan teman2. Nama saya yusuf amri, dan merupakan salah satu pegawai ASN pemerintah pusat. Saat ini saya penempatan di pedalaman kalimantan selatan. Saya merupakan bukan org dgn latar belakang IT, namun tahun lalu mulai tertarik untuk mencoba dan akhirnya ikut digitalent dari kominfo dan progate. Project ini merupakan hasil tugas akhir kelompok kami (total anggota 5 org tp yg kerja 2 org hehe biasalah yak). Website dibuat dengan:

    • HTML
    • CSS

    Berikut ini merupakan link websitenya: [https://yusufamris15.github.io/progate.github.io-/] Saya menyadari banyak kekurangannya, dan saya terus belajar hingga akhirnya menemukan channel wpu pak dika tentang ngobar dgn bootstrap 5. Setelah itu saya mencoba untuk membuat lagi namun kali ini untuk keperluan kantor saya berkerja: Berikut ini merupakan link websitenya : [https://pinanduv3.netlify.app/] Saya ucapkan terima kasih banyak untuk pak dika dan teman2 discord yg telah membantu saya dlm belajar web developer. Source code untuk kedua website : [https://github.com/yusufamris15/progate.github.io-] [https://github.com/yusufamris15/pinanduv3] Salam titik koma!


  1. [https://cliexec.com/]
    PUYUP
    Hay all, setiap hari coding pasti nemu masalah., nah masalahnya ketika nemu solusi kita tuh ndak tahu harus berkespresi seperti apaan, apalagi WFH gini., damm! mau ngomong "Horee! mati kau bug, akhirnya setelah 7x24 jam ketemu juga", ke siapa ya? ke mantan? ah kayaknya mereka ngak ngerti juga.,

    so, saya bikin platform namanya CLIExec.com dimana para programer bisa "Celebrate" problem solution yang ketemu sewaktu ngoding.,

    capcus guys, free kok [https://cliexec.com/] (dari CLI + Exec = tiap hari tanpa sadar kita jalanin perintah lewat sini) ๐Ÿ˜„


  1. [https://halamanku.web.id/]
    haizim
    haii.. setelah sekian lama akhirnya ada waktu juga buat ngembangin lagi ini web... Jadi ini hasil pengembangan salah satu side project saya "Halamanku Web Page Builder".

    Apa aja pengembangan yang udah diterapin?

    • Template yang siap digunakan : jadi udah gak perlu buat mbikin dari kosongan lagi, tinggal pilih template yang tersedia dan tinggal sesuaiin kontennya. (walau masih dikit siih ehe)
    • Simpan halaman yang telah dibikin jadi template : gak cuma bisa nggunain, sekarang semua juga bisa mbikin template mereka sendiri dan digunain orang lain juga.
    • Duplikat isi kolom dan baris : klo punya baris/kolom yang formatnya mirip2 bisa tinggal duplikat aja, gak perlu bikin tiap item satu2
    • Sub-domain untuk halamanmu : selain melalui halamanku.web.id/[id_halaman] juga bisa diakses melalui [id_halaman].halamanku.web.id

    Untuk stack yang digunain masih sama:

    • HTML
    • CSS
    • Vanilla Js (90%an)
    • Bootstrap
    • Jquery (buat Summernote)
    • Summernote (big thanks to it)
    • FontAwesome
    • PHP Native
    • MySQL

    Dan tentunya masih GRATIS kok

    Monggo bisa langsung cek di [https://halamanku.web.id/]


  1. [http://batamlawancoronaapi.herokuapp.com/docs/#/]
    Marlow
    Selamat pagi/siang/sore/malam semua! Perkenalkan, saya Syukur, saat ini sedang kuliah di salah satu perguruan tinggi. Saya ingin men-share project berupa REST API yang dibuat menggunakan Django. REST API ini adalah API untuk batam lawan corona.

    Saya terdorong untuk membuat project ini karena melihat usaha teman-teman dari KawalCovid, WargaBantuWarga, dan teman-teman programmer lain yang membantu pemerintah untuk keluar dari pandemi ini. Stack/teknologi yang digunakan pada project ini tidaklah se-fancy project-project yang sudah ada diluar, namun besar harapan saya, lewat project ini, saya bisa berkontribusi untuk tanah di mana saya dibesarkan.

    Saya juga membagikan cerita kendala apa saja yang saya hadapi dan bagaimana saya mengatasi kendala yang saya hadapi di [https://muhammadsyukura.medium.com/tantangan-merancang-rest-api-menggunakan-django-rest-framework-drf-89e107efe886]

    Stack : -Django -Django REST Framework -Swagger UI

    Website Pemda Batam : [https://lawancorona.batam.go.id/] Source Code : [https://github.com/sykrabadi/batamlawancorona_api] API : [http://batamlawancoronaapi.herokuapp.com/docs/#/]



23 September 2021

  1. [https://projecttokoku.000webhostapp.com/]
    ianxven
    Assalamualaikum semua, saya nama saya Adrian, siswa SMK di daerah Semarang, Saya izin mau ikut Showcase Project untuk pertama kali. Saya membuat website Toko Online Sederhana bernama Tokoku. ini adalah project Tugas Akhir sekolah saya. Mohon kunjungan dan Feedbacknya. terima kasih.

    Sedikit cerita, sebenernya saya belum pernah belajar PHP sebelumnya, karena saya lebih suka frontend. tapi karena ada tuntutan tugas jadi saya coba namatin playlist PHP dasar dari pak dika dan nyari beberapa referensi dan tutorial lain di youtube, akhirnya bisa menyelesaikan project ini walaupun masih banyak kekurangan.

    Source Code : [https://github.com/AdrianRafli/website-tokoku]

    Front-End :

    • HTML
    • CSS
    • Javascript

    Back-End :

    • PHP
    • MySQL

    Library :

    • Bootstrap 5
    • FontAwesome (icon)

    Untuk masuk sebagai admin :

    • Email : admin
    • Password : admin

  1. [https://bug-hero.herokuapp.com/]
    jaitramadandijeke
    Assalamualaikum. Ini adalah project dari hasil belajar Nodejs & Express. Web based application untuk melakukan tracking issue/bug pada project yang terinspirasi dari fitur Github Issues ๐Ÿ˜. Tech stacks: Bootstrap, Nodejs, Express, & MongoDB. Repo: [https://github.com/fillateo/BugHero]

  1. [https://grandonkmerch.vercel.app/]
    rizal_grandonk
    Hallo semua, perkenalkan aku Rizal tapi biasa dipanggil Grandonk, mau share project iseng - iseng dalam rangka belajar Next JS, silahkan kalo ada saran dan masukan ataupun pertanyaan. Websitenya sendiri website ecommerce, nama website nya "Grandonk Merch". Silahkan dikunjungi, terima kasih

    Source Code : [https://github.com/grandonk666/next-ecommerce]

    Kalo sudah mengunjungi website nya dan mau mencoba memesan atau order, untuk pembayaranya bisa melalui simulator dari Midtrans Simulator Midtrans : [https://simulator.sandbox.midtrans.com/bri/va/index]

    Disclaimer !! Proses checkout bisa saja error, jika trafic terlalu padat atau banyak user yang melakukan checkout, dikarenakan API untuk pengecekan ongkir ada limitnya

    Stack : Front-End React Next JS Tailwind CSS

    Back-End Node Strapi (headless CMS) Midtrans (Payment Gateway)

    Author : Rizal Waskito (Grandonk) Website : [https://profile.rizalwaskito.xyz/] Twitter : [https://twitter.com/rizal_grandonk]


  1. [https://github.com/ZSofttt/ScraperTools]
    Callme_Zahirrrr
    Assalamualaikum Teman2, Saya Zahir ingin membagikan sebuah Project Package NPM, yang bernama "ScraperTools" Setelah sekian lama tidak muncul ke Permukaan :v , akhirnya saya berencana untuk membuat suatu Projek Lagi :v Seperti namanya, ScraperTools ini berisikan kumpulan Website yang sudah pernah saya Scrape, yang saya satukan didalam Package ini, ya walaupun jumlah nya baru sedikit , tapi nanti insyallah akan diupdate lebih banyak , kalian juga boleh request untuk webnya.

    Link Package : [https://www.npmjs.com/package/scraper-tools]

    Library yang dipakai :

    • Cheerio ( sudah pasti )
    • Axios
    • Node Fetch
    • Node Scrapy
    • DLL

    Oiya, untuk projek ini saya simpan di akun baru saya, dan untuk kedepannya saya tidak akan menggunakan akun [https://github.com/Zhirrr] ini lagi

    Terimakasih :)


  1. [https://priyaihsan.000webhostapp.com/]
    ;priyaihsan
    Assalamulaikum, Halo... semuanya perkenalkan saya Priya Ihsan. ini project saya yang pertama kalinya untuk di showcase ,project ini masih belum selesai.saya membuat personal website

    Website ini dibuat dengan:

    • HTML
    • Bootstrap 5
    • PHP
    • sedikit CSS
    • sedikit Javascript

    untuk websitenya bisa di cek di: [https://priyaihsan.000webhostapp.com/]

    dan maaf untuk souce code nya blum di uploud di github,hehehe ^^.


  1. [http://skanesga.vercel.app/]
    toufiqn
    Halo temen-temen, Selamat malam, perkenalkan saya Toufiq Nuur mau share project latihan saya menggunakan Svelte. Website ini merupakan hasil re-design website sekolahku.

    Teknologi yang digunakan

    • Svelte Kit & Typescript
    • Swiper.js
    • Tailwind Css

    Berikut link repo & demonya Repo: [https://github.com/toufiqnuur/skanesga]

    Terimakasih...


  1. [https://arfian-id.web.app/]
    Arfian Rafi Pradana
    Assalamualaikum padika dan kawan2, nama saya Arfian mau share project web saya teknologi: -reactjs -react router dom -bootstrap 5 -JS -CSS -firebase hosting

    url :

    fitur: -contact me terhubung dengan rest api Express buatan saya, (padika bisa isi) -no refresh

    repo : [https://github.com/arfian-rp/REACTJS-personal-web]

    mohon koreksi dan sarannya padika dan kawan kawan

    wassalamualaikum warohmatullahi wabarokatu


  1. [https://weather.msa-noconnection.com/]
    ID
    Assalammu'alaikum padika dan kawan kawan, saya Said mau share project web saya project, project iseng sih namaya wheater-app dimana data nya saya ambil dari free api dari openweathermap teknologi yang saya pakai di sini

    • React
    • Typescript
    • Tailwind
    • SWR
    • Axios

    link nya mohon maaf kalau agak lama buka web nya maklum hosting gratisan

    link Repo nya [https://github.com/msaid-a/weather-web]

    terimkasih


  1. [http://saut-blog.xyz/]
    Saut manurung
    Halo temen-temen, Selamat malam, perkenalkan saya Saut Manurung mau share project latihan saya menggunakan Laravel. Website ini merupakan suatu blog biasa yang masih belum saya buat isi nya .

    Teknologi yang digunakan

    • Laravel 6
    • Bootstrap
    • Jquery Saya Hosting menggunakan VPS pribadi saya

    Berikut link repo dan demonya Repo : [https://github.com/sautmanurung1/laravel-6] Mohon maaf jikalau masih ada banyak kesalahan


  1. [https://horrorstory.site/]
    Naufal Syahruradli
    Assalamualaikum padika dan kawan2, nama saya naufal mau share project web saya teknologi: -reactjs -JS -php -scss

    fitur: -login -buat cerita anda

    mohon koreksi dan sarannya padika dan kawan kawan

    wassalamualaikum warohmatullahi wabarokatu Bagi yang suka cerita horror jangan lupa ya kunjungin

    Terimakasih :)



25 September 2021

  1. [https://dimascapella.github.io/RainForest/]
    Dimas Capella
    Hallo pak dhika, saya dimas eka, saya mau share project web saya tentang RainForest ( karena gk bisa milih tema jadi ngasal aja ), web ini adalah hasil pembelajaran saya tentang frontend selama beberapa hari sebelumnya. Teknologi yang digunakan :

    • Html
    • Scss
    • Javascript

    Extensionnya:

    • SwiperJS
    • ZoomJS
    • Izmir
    • Lazy Load ( karena ada beberapa gambar yang lama buat load )

    repo : [https://github.com/dimascapella/RainForest] terima kasih


  1. [https://blogopedia-app.herokuapp.com/]
    Buleeeeee
    Hallo pak dhika, nama saya Faldi, biasa dipanggil bule. Saya mau share project hasil kegabutan setelah nonton playlist nodeJS pak dhika. Project ini dibuat secara santai selama 3 Minggu. Nama webnya "Blogopedia". Isinya terinspirasi dari tutorial laravel 7 di YouTube parsinta. Tujuan saya buat web ini sebagai galeri untuk orang-orang terdekat saya.

    Teknologi yang digunakan : NodeJS ExpressJS MongoDB

    Semua layanan yang saya pakai 100% gratis.

    Untuk lebih detailnya dapat dibaca pada websitenya itu sendiri.

    *Note : auth UI saya membuatnya dengan mengikuti tutorial dari channel youtube "True Coder"

    Terimakasih


  1. [https://tempelbae.000webhostapp.com/]
    alhiqny
    Hallo Pak Sandika, Hallo Semunya , nama saya Bil Abror. saya akan share project website yang dibuat full menggunakan android selama 3 hari saat mengikuti lomba yang diselenggarakan oleh SKULL CYBER SECURITY.

    Dibuat dengan : PHP MVC : [https://github.com/sandhikagalih] Template Frogetor : [https://bit.ly/2ViL6vC]

    dengan keterbatasan skill dan waktu saat perlombaan jadi fitur yang dibuat hanya sedikit Repo : [https://github.com/Alhiqny404/tempelbae]

    username : admin@example.com password : admin

    Terimakasih...


  1. [https://togi-simaremare.my.id/#project]
    Togi
    Selamat malam, saya ingin membagikan project saya yang ada di portofolio saya. Link :

    Framework : FlightPHP CSS : Bootstrap Hosting : Heroku Database : MySQL

    Terimakasih.


  1. [https://zdnpl.github.io/read-45203-valorant-agent-ascent/]
    zdnpl
    Assalamualaikum, selamat siang Pak Dhika dan kawan kawan, nama saya Zidan mau share project web artikel tentang valorant. Nama web nya "VaTricks", ini pertama kali nya saya bikin web artikel, project ini dibuat selama kurang dari 6 jam.

    Teknologi yang digunakan :

    • HTML
    • Bootstrap 5

    Repo : [https://github.com/zdnpl/read-45203-valorant-agent-ascent]

    Sekian terima kasih.

    salam titik koma ;


  1. [https://akbarhps.github.io/p5-lightning-visualization/]
    akbarhps
    Halo semua, saya mau ikutan project showcase lagi nih xixi

    Tech stack:

    • HTML
    • CSS
    • p5.js

    Jadi kali ini ada 3 project gabut saya lagi

    1. Lightning Visualization (menggunakan BFS) Github: [https://github.com/akbarhps/p5-lightning-visualization] Live Website: [https://akbarhps.github.io/p5-lightning-visualization/]

    2. Snake game + path finding algorithm (BFS, DFS, A*) Github: [https://github.com/akbarhps/p5-snake-game-with-pathfinding] Live Website: [https://akbarhps.github.io/p5-snake-game-with-pathfinding/]

    3. Game agario kecil kecilan Github: [https://github.com/akbarhps/p5-agario] Live Website: [https://akbarhps.github.io/p5-agario/]


  1. [https://aqua-fanpage.vercel.app/]
    Falcxxdev
    Halo Pak Dhika dan teman", izin ikutan lagi showcase project untuk kedua kalinya. Kali ini web yang saya buat, yaitu Fanpage seorang vtuber, whehehehe...

    Singkat ceritanya, website ini dibuat gak lebih dan gak lain karena iseng doang, dan berkat kelakuan simp saya, projek ini terwujud dan dibuat juga (wkwk)... Dibuat menggunakan Svelte JS. Dan fun fact nya, Ini adalah Progressive Web App (PWA) Pertama yang saya buat, dan pertama kali juga implementasi dan membuat fitur dark mode pada website. Isinya simple aja kok, Hanya berisi Homepage, Overview, Info, dan Links saja (karena gak ada ide lagi, wkwk).

    Tech stack yang digunakan adalah :

    • Svelte JS (TypeScript)
    • Sveltestrap
    • Page.js

    Alasan kenapa menggunakan Sveltestrap (Bootstrap) sendiri karena masih belum belajar Tailwind CSS, dikarenakan itu, Saya disini menggunakan Sveltestrap sebagai Framework CSS.

    Link Repository : [https://github.com/gifaldyazkaa/aqua-fanpage]

    Kalau ada saran, atau lainnya bisa dm langsung dan ngobrol sama saya, hehe~ Sekian pak dhika dan teman", Terima kasih~


  1. [https://vsior.com/blog/]
    Arnadi Admin Toko
    Hai pak Dhika & teman-teman semoga kalian semua sehat-sehat saja & selalu dalam lindungan-Nya Amin.

    Kali ini saya izin share project baru saya (website tutorial). Ini adalah project ke-2 saya setelah Toko Online yang sebelumnya sudah sempat di showcase pak dosen kita.

    Seperti sebelumnya, dalam penggarapan project ini saya masih menggunakan beberapa perkakas yang sama seperti berikut.

    A. Perangkat I. OPPO F9

    B. Aplikasi I. Jota Text Editor II. Icode-Go III. Icode-Web IV. PicsArt V. Google Chrome

    C. Tanpa Framework I. HTML II. CSS III. PHP IV. JavaScript

    D. Fitur-fitur I. Live Code II. Parse HTML III. Tentang IV. Kontak V. Sitemap VI. Dashboard VII. Registrasi VIII. Masuk IX. Keluar X. Ganti Password XI. Tombol Berbagi XII. Komentar XIII. Plus syntax highlighter ecek-ecek

    E. Halaman Dashboard I. Posting baru (buat posting) II. Daftar posting (yang telah publish) III. Ikon website (ganti ikon/logo) IV. Nama website (edit nama web) V. Deskripsi website (edit deskripsi web) VI. Profil admin (edit data profil) VII. Akun pengguna (mengelola akun) VIII. Slot iklan (ganti/merubah iklan) IX. Verifikasi Google (kode verifikasi) X. Keluar

    • Judul, slug, sampul, gambar, upload, posting, deskripsi, kata kunci, dan kategori, simpan, publish, preview, dan reset + validasi.
    • Tombol simpan akan menyimpan posting baru yang di input dan akan tersimpan ke penyimpanan sementara sebelum siap untuk di publish.
    • Slug akan terisi otomatis sesuai judul posting, dan slug permanen tidak akan dapat dirubah untuk kedepannya.
    • Untuk gambar sampul selain pilih file langsung dari direktori penyimpanan, bisa juga dengan memasukkan alamat URL gambarnya saja.
    • Gambar pilih gambar yang ada, salin kode/tag gambarnya untuk di pakai dalam area input posting.
    • Upload untuk upload gambar baru yang akan di pakai dalam area input posting.
    • Kategori pilih yang ada atau masukkan yang baru.
    • Preview untuk melakukan pratinjau pada posting yang sedang di buat apakah sudah sesuai dengan yang diinginkan atau belum, jika sudah barulah di publish.
    • Dashboard > Slot iklan
    • Terdapat 4 slot iklan yang akan tampil pada bagian 1 di header, 2 diantara posting, 1 di sidebar, & 1 lagi di footer.
    • Pada halaman posting, selain dapat share posting ke media sosial, teman-teman juga dapat meninggalkan komentar pada posting yang sedang dibaca.
    • Form komentar sudah lumayan aman dari kata-kata kotor.

    Ya kurang lebihnya begitu pak Dhika, selebihnya saya tunggu kritik dan masukan dari pak Dhika & teman-teman.

    Tujuan: Saya membuat Vsior Blog ini adalah sebagai tempat saya berbagi tutorial atau pengalaman saya selama ini khususnya dalam hal belajar membuat website di Hp, dengan harapan supaya teman-teman bisa termotivasi.

    Do'akan ya...

    #SalamTitikKoma; #SemangatCoding #NgodingRebahanGokil #NgodingKapanSaja #NgodingDimanaSaja #NgodingSambilNgantri #NgodingBebasYaDiHp


  1. [https://al-quran-ku.web.app/]
    reacher7
    Github : [https://github.com/egierdian]

    Malam pa, ijin share web pwa. Dimana web ini merupakan web yang menyajikan bacaan alquran beserta artinya, web ini dapat diakses ketika tidak sedang menggunakan kuota internet.

    Fitur :

    • List Bacaan alquran
    • Terjemahan
    • Arti bacaan alquran
    • Dapat di simpan, sehingga dapat dijadikan tanda sedang membaca surah apa.
    • Dapat diakses tanpa kuota data.

    Dibuat:

    • Vanilla JS
    • Materiallize
    • PWA

    Terimakasih


  1. [https://zanevakalonika.github.io/]
    Zaneva Kalonika Handoko
    Selamat siang Pak Dhika, dan teman - teman semua.Perkenalkan saya Zaneva Kalonika Handoko, biasa dipanggil Neva dari Jawa Tengah, Surakarta, sekolah di SMP PL Bintang Laut Surakarta (Kelas 8).Nama web saya "My Portofolio Web" .Ini pertama kalinya saya bikin web dan bener- bener jadi (saya minta maaf kalau misalnya webnya bener - bener sama persis seperti tutornya Pak Dhika).

    Code Editor : Visual Studio Code :vscode:

    Bahasa Pemograman dan Teknologi/Tech Stack yang digunakan :

    • HTML :html:
    • CSS :css:
    • Bootstrap :bootstrap:

    My Social Media :

    Repositories Github : [https://github.com/zanevakalonika/zanevakalonika.github.io]

    Thanks,, Project kegabutan yang membuahkan hasill,,



30 September 2021

  1. [https://library-dw18lsfsq.netlify.app/]
    nuraskiah
    Assalamualaikum, selamat malam Pak Dhika dan teman-teman semua. Perkenalkan nama saya Nur Askiah (19 tahun). Saya ingin membagikan aplikasi web pertama saya, yg saya buat setahun yg lalu. Aplikasi ini bernama Lib'rary, yang merupakan "perpustakan" di mana user bisa membaca atau membagikan buku mereka. Format dokumen yang disupport di aplikasi ini hanya .epub.

    Repo:

    Dibuat dengan:

    • ReactJS
    • Bootstrap
    • NodeJS
    • Sequelize

    Untuk akunnya, bisa register atau menggunakan akun di bawah.

    email: user@library.com email: admin@library.com (admin) pass: 123123123

    Saya juga ingin berterima kasih karena video di youtube bapak, sekarang saya bisa bekerja sebagai Web Developer.

    Terima kasih pak, tetap semangat berkarya. Salam titik koma.


  1. [https://ariefsn.dev/]
    ayic
    Halo guys, mau share personal web nih.

    URL: ReadMe bisa kesini: [https://github.com/ariefsn/resume-online]

    Built with:

    • Vue3
    • TailwindCSS
    • AnimeJS
    • TypedJS

    Nah kalau berminat buat personal web seperti itu dan tidak sempat bikin api, mungkin kalian bisa pakai ini.

    Resume Online API: URL: [https://resume-online-api.ariefsn.dev/user/:usernameAtauUuid/:path] Note: Username/uuid required yak, kalau path itu optional. By default munculkan semua data, misal mau spesifik bisa ditambahkan path tersebut. Path antara lain profile, educations, works, skills, projects, certificates, contacts.

    Built with:

    • Golang Microservices
    • Docker

    Untuk daftar bisa disini:

    Resume Online Portal: URL: [https://resume-online-portal.ariefsn.dev/]

    Built with:

    • Vue3
    • Quasar

    Untuk lihat apakah data kalian sudah ready bisa cek disini, tinggal masukkan username atau uuid kalian:

    Resume Online Public: [https://resume-online.ariefsn.dev/]

    Built with:

    • Vue3
    • Quasar

    Note: untuk data attachments, misal seperti profile image, project images, atau certificate files perlu kalian upload sendiri, dan ambil url nya saja. Dikarenakan keterbatasan space server jadi belum support untuk upload file. ๐Ÿ™

    Terima kasih...


  1. [https://aim-training.vercel.app/]
    boedegoat
    Halo semuanya, Perkenalkan saya Bhremada. Sekarang saya masih berstatus anak sma kelas 11 di tangsel. Disini saya mau ngeshare hasil kegabutan saya yang mungkin bisa membuat anda tambah gabut...

    Jadi, project yang akan saya share berupa game sederhana berbasis web.

    Ada 2 game yang saya buat :

    1. Aim training Buat ngelatih aim biar tambah jago pas main game FPS

      link: [https://aim-training.vercel.app/] repo: [https://github.com/boedegoat/aim-training]

    2. Snake game Sebuah game snake sederhana dimana semakin tinggi skor anda, maka akan semakin cepat pergerakan snakenya. Ada sistem highscorenya juga

      link: [https://kang-piton-io.vercel.app/] repo: [https://github.com/boedegoat/kang-piton.io]

    Keduanya dibuat dengan :

    • HTML
    • CSS
    • Javascript

    Any feedback or suggestions are welcome

    Terimakasih


  1. [https://gudkuesyen.com/]
    johsteven
    Halo all, saya Steven, izin share hasil project sederhana saya.

    Web forum untuk tanya jawab bebas, bisa juga untuk diskusi. Buat kamu yg lagi kesulitan dengan pertanyaan yg diberikan oleh dosen/guru/pembina dsb kamu bisa tanyakan pertanyaanmu disini, harapยฒ ada yang jawab.

    Begitu saja, buat yang lagi gabut silahkan dicoba ya.. terimakasih๐Ÿ™

    Teknologi: - Laravel - Tailwind


  1. [https://yehezgun.com/]
    Kaz2000
    Hi, saya Yehezkiel Gunawan. Izin share hasil project saya.

    Saya membuat portfolio web menggunakan NextJS. Saya menggunakan React-Notion untuk mengintegrasi Notion saya sebagai Database dan renderer isi artikel. Feedbacks sangat diterima untuk pengembangan lebih lanjut, terima kasih.


  1. [https://stylish-wear.netlify.app/]
    ryrd
    Selamat malam, Izin share dummy project website yang saya beri nama stylish wear.

    Sebelumnya, project ini sudah saya share pada 17 agustus kemarin, tapi karena pas live streaming kemaren pak Dika bilang buat yg share lebih dari satu project salah satunya gak bisa ditampilin biar ngasih slot buat project milik yg lain. Jadi karena waktu dari share kemaren udah lewat 3 minggu jadi saya share lagi project ini,

    website ini menampilkan beberapa pakaian dengan style yang menarik, deskripsi singkat, dan bahan dari pakaian tersebut.

    teknologi yang digunakan: -HTML -CSS -Javascript -GSAP (for animation) -Pace.js (for preloader) -Swiper.js

    Source code: [https://github.com/ryrd/stylish-wear]

    note: this website is just dummy project, not official website nor sponsor

    sekian dan terimakasih :).


  1. [https://my-komoditas-app.herokuapp.com/]
    erikirfanr
    Assalamualaikum, selamat malam Pak Dhika dan teman-teman. Perkenalkan nama saya Erik Irfan mahasiswa pertanian. Mohon izin share project machine learning hasil penerapan belajar bootcamp selama satu bulan. Aplikasi ini bernama โ€œMy Komoditasโ€ merupakan platform online untuk membantu menentukan komoditas yang sesuai dengan karakteristik lahan yaitu ketinggian dan jenis lahan. Machine learning yang digunakan adalah model K-Nearest Neighboor Regression. Dataset yang digunakan berasal dari sebagian data Rekomendasi Pengelolaan Lahan (RPL) Kab. Blitar yang diterbitkan oleh Kementrian Pertanian. Hasil aplikasi ini akan menampilkan jenis komoditas apa yang disarankan serta rekomendasi pengelolaan lahannya.

    Repository : [https://github.com/erikirfanr/my-komoditas]

    Aplikasi ini menggunakan teknologi:

    • Python
    • Scikit-learn
    • HTML
    • CSS
    • Flask

    Cara pemakaian aplikasi yaitu,

    • Pada halaman utama akan ditampilkan input โ€œketinggianโ€ dan โ€œjenis lahanโ€
    • Input data ketinggian dapat berupa angka contohnya 200, 500, 750, 1500 Data ketinggian bisa angka berapa saja sesuai ketinggian lokasi
    • Input data jenis lahan dapat memasukkan dua jenis saja Sawah atau Kering
    • Tekan hasil, kemudian akan dialihkan ke halaman hasil rekomendasi komoditas dan pengelolaan lahannya.

    Tampilan web nya masih sangat sederhana. Mohon saran dan masukannya Pak Dhika dan teman-teman Terimakasihโ€ฆ.


  1. [https://spamdetectorapp.herokuapp.com/]
    Ez.Yoga
    Assalamualaikum, izin share project data science lagi, kali ini saya membuat sebuah web app spam detector app message. Web app tersebut dibalik layar dibuat dengan salah satu cabang dalam data science dan machine learning yaitu NLP (Natural Language Processing). Alur nya kurang lebih seperti ini, datasetnya awalnya sebuah text karena mesin tidak bisa membaca text, saya ubah menjadi numerikal atau vektor matriks dengan CountVectorizer dan TfidfTransformer, lalu saya latih dengan model SVC(Support Vector Classifier). Dan jadilah model yang bisa mengklasifikasikan pesan spam atau bukan. Teknologi yang saya pakai:

    • Flask
    • Python
    • Scikit-Learn
    • Pandas
    • Bootstrap
    • HTML
    • CSS

    Source Code: [https://github.com/AgungYogaSetiawan/Web-App-Spam-Classifier]

    Mohon maaf UI appnya sangat biasa aja, karena saya tidak bisa web. Silahkan kritik dan sarannya. Terimakasih Pa Dhika dan kawan-kawan.


  1. [https://github.com/syofyanzuhad/Laravel-Trik-Indonesia]
    syofyanzuhad
    padika, mau kirim project lagi nii.. ini repo untuk cari macem2 trik cara pakai framework laravel, barangkali ada yang mau ikut kontribusi.. hehe ๐Ÿ˜… *bisa banget buat hacktober fest nanti #ups

  1. [https://kingramzy.github.io/spursminiwebsite/]
    Ramzy
    Assalamualaikum izin ikutan showcase project. Kali ini web yang saya buat, yaitu Fanpage salah satu tim basket di liga basket Amerika, yaitu NBA whehehehe...

    Website ini dibuat gak lebih dan gak lain karena iseng doang, dan emang saya ngefans banget sama tim basket ini (hahaha)... Dibuat menggunakan Bootstrap. Dan fun fact nya, Isinya mirip sama buatan @Falcxxdev . cuma berisi Homepage, History, Info, dan Links saja (hehehe).

    Yang digunakan adalah :

    • HTML
    • CSS
    • Bootstrap 5

    Alasan kenapa menggunakan Bootstrap 5 karena saya sendiri masih belum belajar Tailwind CSS.

    Link Repository : [https://github.com/kingramzy/spursminiwebsite]

    Kalau ada saran, atau lainnya bisa PM saya atau chat disini Sekian dan terima kasih Pa Dhika dan teman teman hehehe ~



2 Oktober 2021

  1. [https://bellawan.my.id/]
    belankus
    Assalamualaikum Pak Dhika dan kawan2 WPU semua.

    Izin ikutan project showcase pak, ini project showcase pertama saya. Saya bikin portfolio web, isinya tentang saya secara umum, seperti hal hal yang ada di CV. Masih berantakan banget, karena saya bikinnya santai sambil kerja pak, selalu saya kembangkan karena masih belajar mewujudkan yang ada di imajinasi saya. Kebetulan saya ikutan ini karena terinspirasi setelah lihat showcase project 1 bulan lalu.

    Teknologi yang saya lakai :

    • Adobe XD
    • HTML
    • Sedikit bootstrap 5
    • SASS
    • Sedikit jQuery

    Mungkin akan bertambah, seiring akan saya tambahkan efek parallax. Mohon masukannya dari Pak Dhika dan semua kawan WPU. Kendalanya ya masih belum ada waktu aja pak buat sempurnakan webnya, semoga tetap konsisten walaupun sedikit2. Karena memang hobi hehe.

    Source : [https://github.com/belankus/belankus.github.io]


  1. [https://rend.my.id/]
    resaendr
    Assalamualaikum pak dika dan kawan kawan WPU, Izin mengikuti showcase project untuk pertamakalinya, sebenernya ini adalah website portfolio saya yang dibuat sesimple mungkin karena yang sebelumnya terlalu kompleks,

    Website ini menggunakan :

    • HTML
    • CSS
    • Javascript
    • Tailwind Css

    Web ini saya buat disela sela waktu main game soalnya sekarang masih liburan semester dan semua tampilannya saya buat dadakan dengan tailwind (karena ini project iseng jadi ngga niat buat desainnya di figma) hehehe.

    Source code : [https://github.com/resaend/PortfolioNew]


  1. [https://foody-cipe.netlify.app/]
    Wahyu.All
    Hallo semuanya. Izin showcase project sebuah WebApp resep masakan yang bernama Foody Cipe.

    Terdapat beberapa halaman/bagian utama yaitu:

    1. Home
    2. Discover
    3. Cookbook
    4. Search
    5. Detail Resep

    Beberapa fitur yang bisa kalian coba seperti:

    1. Mencari ribuan resep masakan
    2. Rekomendasi resep-resep lezat setiap harinya
    3. Menyimpan resep favorit kalian di Cookbook (seperti wishlist)
    4. Terdapat beberapa kategori resep agar lebih mudah dalam menemukan resep yang diinginkan

    Tech stack yang digunakan diantaranya:

    1. React + (react-router & react-redux)
    2. SASS / SCSS
    3. Adobe XD (untuk desain UI/UX)

    Source API yang Saya gunakan yaitu [https://spoonacular.com/food-api]

    Link Repo Github: [https://github.com/wahyall/foody-cipe] Disarankan untuk dibuka di tampilan mobile

    **NOTE: dikarenakan kuota harian untuk request ke API cukup terbatas, saya mohon saat showcase nanti hanya Pak Sandhika yang mengakses. teman-teman boleh akses webapp nya saat sudah dishowcase

    Terimakasih :)


  1. [https://fastfood-dashboard.netlify.app/]
    erikhant
    Assalamu'alaikum pak dika dan kawan-kawan

    ijin share projek kecil-kecilan (karna belum punya projek gede-gedean), kali ini saya mau share hasil slicing desain, yaitu dashboard fastfood menu. Untuk referensi desainnya saya ambil dari dribble, tapi sayangnya saya sendiri lupa link-nya, jadi mohon maap sampe sekarang saya gak tau siapa yg punya desainnya. Tapi saya sertakan screenshoot referensi desainnya di repo

    Sebenernya ini karya lama sewaktu masih belajar css & javascript di playlist WPU, daripada ngebangke dilaptop lebih baik saya share disini dengan harapan kawan-kawan yang baru belajar bisa terinspirasi & termotivasi bukan terinsekur.

    repo: [https://github.com/erikhant/fastfood-dashboard] tech: just HTML, CSS, JavaScript. But for mobile version belum teroptimasi

    Itu saja yang bisa saya share, next time insyaAllah saya bakal submit karya lain lagi. Atas perhatiannya saya ucapkan terimakasih.


  1. [https://zenia.my.id/]
    mzaini30
    Assalamualaikum. Saya Zen. Freelance frontend developer. Kerjaan sehari-hari ngajar di pesantren. Ini blog yang saya buat dengan:

    • SvelteKit
    • Windi
    • Excalibur

    Source: [https://github.com/mzaini30/zenia]


  1. [https://pdf-together.vercel.app/]
    reenevan
    pdf annotation, using react-ts. Fitur:

    1. Annotation
    2. Chat and reply
    3. Free Draw

    Using ElegantJs, ReactJs-Typescript.


  1. [https://raflymaulana.me/]
    RAFLYMLN
    Selamat pagi/siang/sore/malam Pak Sandika dan teman-teman semuanya.

    Izin share project pribadi ya, kali ini saya membuat versi ke-2 pada website portofolio saya (kenapa yang lama tidak dilanjutkan? karena males aja). Untuk versi kedua ini, saya menggunakan beberapa teknologi baru diantaranya:

    • Front-end:

    1. CSS: Pada front-end developmentnya, saya menggunakan TailwindCSS sebagai CSS Framework website ini. Kenapa tidak Bootstrap? Karena Bootstrap framework lebih kearah UI-kit framework, dan berbeda penggunaannya dengan TailwindCSS yang lebih ke arah classes-kit. Mode Just in Time juga digunakan untuk menghemat output CSS dan memungkinkan menggunakan fitur JIT itu sendiri.

    2. Framework: Framework yang digunakan adalah Next.JS / ReactJS, menurut saya lebih mudah pemakaiannya dan fitur import-export DOM sangat memudahkan me-reuse component tertentu.

    • Back-end:
    1. Framework: Menggunakan framework Next.JS sehingga membantu proses routing page & api lebih mudah.

    • Bahasa Pemograman: Typescript, mengapa Typescript? Fiturnya sangat memudahkan untuk proses jangka panjang, dan membantu memvalidasi input-output dari function 1 ke function lainnya.

    • Lainnya:

    1. Prettier: Digunakan agar format dokumen tetap rapih dan sesuai.
    2. EsLint: Digunakan agar format penulisan setiap file sesuai dengan hasil yang diinginkan, dan mengecek apakah ada error dalam suatu penulisan program di dalamnya.
    3. next-images: Digunakan untuk membuat image di website ini tetap static dan menghemat HTTP request, serta memungkinkan beberapa fitur baru, seperti mengimpor SVG file, dsb.
    4. next-pwa: Digunakan sebagai sistem Progressive Web Apps pada website ini.
    • Proses Pengerjaan:
    1. Design: Menggunakan Figma, kurang lebih 5 hari, tantangan utamanya adalah pada permainan warnanya.
    2. Front-end: Kurang Lebih 3 hari, tantangan utamanya adalah banyaknya objek-objek dengan posisi absolute yang harus di kendalikan
    3. Back-end: 1/2 Hari, karena tidak banyak yang dilakukan pada back-end untuk saat ini.

    Pada website kali ini, aku menggunakan tema website artsy dan illustration dimana elementnya berfokus pada illustrasi-illustrasi yang ada di website ini. Dan juga, semoga Pak Sandhika nge-click tombol scroll to top pada pojok kanan bawah ya...

    Looking for V1 Website? [https://v1.raflymaulana.me/]


  1. [https://github.com/farhanhilmi/extension-meeting-link]
    farhannnn
    Haloo semuanya! ๐Ÿ‘‹ Izin share projek kecil saya yaitu Meeting Link Extension, projek ini berupa extension web browser yang bisa menyimpan link - link meeting supaya lebih mudah ketika nanti akan digunakan, jadinya tinggal klik saja link yang sudah diinput lalu akan redirect ke link yg dituju, untuk datanya akan tersimpan di local storage browser. Saya bikin ini supaya mudah nyimpen link - link kelas buat kuliah.

    Saat ini extensionnya udah dipublish di Firefox dan juga Microsoft Edge, untuk Chrome masih belum publish karena harus bayar dulu hehehe ๐Ÿคฃ , jika ingin nyoba di Chrome bisa load saja package ektension dari repo saya di bawah:

    Firefox: [https://addons.mozilla.org/en-US/firefox/addon/meeting-links/]

    Ms Edge: [https://microsoftedge.microsoft.com/addons/detail/meeting-links-extension/pnldnnghaamdaldgocajlmfmjhopjglp] Untuk Chrome:

    1. More tools -> Extensions
    2. Aktifkan Developer Mode di pojok kanan atas
    3. Pilih "Load unpacked" -> Pilih folder hasil clone

    Repo: [https://github.com/farhanhilmi/extension-meeting-link]

    Project ini hanya dibuat menggunakan vanilla javascript dan css serta pake beberapa library buat timepicker.

    Thank you semua, ditunggu saran - sarannya.


  1. [https://bugspy.netlify.app/]
    mhdpauzi
    Assalamualaikum pak Dika dan teman2 semua.

    Saya ingin menunjukan project saya yang bernama Bugspy. Aplikasi ini berguna untuk menyimpan informasi jika ada bugs, fitur yang ingin ditambahkan, ingin merifactor code dan semacamnya untuk mengingatkan kembali nantinya. Yaaa... semacam issue di GitHub atau file TODO.

    Aplikasi ini dibuat menggunakan:

    • Svelte
    • CSS
    • Bootstrap 5 (yang .grid file)

    Link repo : [https://github.com/muhammadpauzi/bugspy]

    Sekian, semoga bermanfaat, dan terima kasih...


  1. [https://room-chat-33550.web.app/]
    zul
    Assalamualaikum pak dika, saya mau share project sederhana saya Ini adalah sebuah project realtime chat sederhana dengan menggunakan React js dan firebase, di chat room app ini memliki beberapa fitur yaitu, kirim pesan text secara realtime, kirim foto dan video, serta kirim emoji sederhana, lalu kita juga bisa membuat dan mengganti status dan juga profil image, cara login menggunakan no telepone sebagai akses nya, lalu akan dikirim kode verifikasi ke nomor telepone anda untuk bisa login ke aplikasi, namun jika anda tidak ingin menggunakan no telepone asli, sudah tersedia beberapa no fiktif dan kode verifikasinya sebagai uji coba aplikasi, no verifikasi fiktif sebagai berikut:

    1. +62 821 2547 3148 (kode: 111222)
    2. +62 821 2547 3149 (kode: 123456)
    3. +62 821 2547 3147 (kode: 123456)
    4. +62 821 2547 3144 (kode: 112233)

    Website ini menggunakan: Reactjs Css Bootstrapp Firebase



9 Oktober 2021

  1. [https://github.com/FajarTheGGman/Project-365]
    Fajar
    Assalamualaikum pak dika dan teman - teman wpu saya di sini ingin share project pribadi saya sekaligus project buat ujikom, yaitu project untuk Internet of things seperti home automation, dan tujuan project ini di buat untuk solve problem di rumah seperti mematikan lampu, buka pintu, dll semua itu di lakukan pada satu apps saja.

    Teknologi yang di gunakan :

    • MongoDB
    • ExpressJS
    • React Native
    • NodeJS
    • C++ ( untuk mikrokontroller )

    Hardware :

    • Nodemcu ESP8266
    • Nodemcu ESP32
    • Relay

  1. [https://musing-morse-98f9ec.netlify.app/]
    ibrahim4529
    Nama Saya Ibrahim ini merupakan showcase-project pertama saya saya membuat web sederhana untuk convert code html yang menggunakan css bootstrap menjadi code html menggunakan tailwind Fitur:

    • Code editor dengan syntax hilighting
    • Live Priview Code yang akan di ubah dan hasil ubahnya
    • Bisa di edit juga

    Link Github _ https://github.com/ibrahim4529/tailwind2bs


  1. [https://bookshelf.sepitkom-info.com/]
    Mirzaq
    Assalamualaikum pak dika dan temen temen WPU, Izin mengikuti showcase project untuk pertama kalinya, sebenernya ini tugas online course tapi daripada nganggur di laptop mending saya kirimin buat showcase project, siapa tau ada manfaat nya buat temen-temen.

    Website ini menggunakan :

    • HTML
    • CSS
    • Javascript

    web ini bisa digunakan untuk mendata buku. Misalnya punya novel bisa dimasukin di web biar tau punya buku apa aja trus juga bisa tau bukunya udah pernah dibaca atau belum.

    Source code : [https://github.com/mirzaq19/bookshelf-dicoding]


  1. [https://restaurantsapps.web.app/]
    mickowidi
    Hallo semuanya saya Micko. Izin showcase project sebuah Web App Daftar Restoran dari platform belajar daripada menganggur.

    Terdapat beberapa halaman/bagian utama yaitu:

    1. Beranda
    2. Detail
    3. Favorite

    Beberapa fitur yang bisa kalian coba seperti:

    1. Memfavoritkan restoran
    2. Mereview restoran
    3. Menginstall baik di hp / laptop (PWA)
    4. Mengakses secara offline (tanpa internet)

    Teknologi yang digunakan diantaranya:

    1. Vanilla JS & CSS
    2. Webpack

    Source API yang Saya gunakan yaitu [https://restaurant-api.dicoding.dev/]

    Link Repo Github: [https://github.com/widimicko/RestaurantApps]


  1. [https://kingramzy.github.io/portofoliopicture/]
    nomad.Raihan
    Assalamualaikum izin ikutan showcase project kedua kali . saya membuat web yang masih kurang bagus, yaitu Portofolio Gambar saya whehehehe...

    Website ini dibuat gak lebih dan gak lain karena iseng doang, dan emang saya ingin menunjukkan skill menggambar saya (hahaha)... Dibuat menggunakan Bootstrap. Dan fun fact nya, gambar nya masih memakai foto HP karena saya belum bisa vektor gambar dengan Adobe Illustrator hehehe.

    Yang digunakan adalah :

    • HTML
    • CSS
    • Bootstrap 5

    Merk HP :

    • Xiaomi 4S

    Alasan kenapa menggunakan Bootstrap 5 karena saya sendiri masih belum belajar Tailwind CSS dan CSS Grid.

    Link Repository : [https://github.com/kingramzy/portofoliopicture]

    Kalau ada saran, atau lainnya bisa PM saya atau chat disini Sekian dan terima kasih Pa Dhika dan teman teman hehehe ~ GitHub


  1. [https://usermanagement.toekangketik.com/]
    HusnulM
    Assalamulaikum Wr Wb,

    Halo Pak Dhika, izin ikutan showcase lagi. Pada showcase kali ini saya membuat aplikasi sederhana dengan Laravel 8 yaitu aplikasi multi user yang dimana otorisasi Akses user dapat diatur secara flexible.

    Untuk pengaturan akses ini terdapat beberapa data :

    • Data User -> Berisi Data Username dan Password
    • Data Menu Group -> Berisi Pengelompokan Menu-menu yang ada di system
    • Data Menu -> Berisi data menu-menu yang ada di system.
    • Data Role -> Role-role yang bisa di berikan ke user
    • Data Menu Role -> Berisi Dalam Role Bisa Mengakses Menu Apa saja.
    • Data User Role -> Berisi Role Otorisasi dari masing2 User.

    dibuat menggunakan :

    • Laravel 8
    • Mysql
    • Sedikit Javascript

    untuk user yang bisa digunakan : email : admin@test.com password : 12345678

    Link Repository : [https://github.com/HusnulM/laravel-user-management]

    Terim kasih


  1. [https://valorant-agents.netlify.app/]
    KakSeto
    Assalamualaikum Pak Dika dan temen temen WPU, izin share project untuk project showcase pertama saya. Judul projectnya adalah "Valorant Agent", yak dari judul projeknya saya memang valorant player. Web ini berisi deskripsi dan penjelasan dari agent - agent yang ada di game Valorant. Sebenernya web ini saya buat sekitar -+ sebulan lalu waktu liburan semester.

    Website ini menggunakan:

    • HTML + CSS
    • Javascript
    • Scrollreveal.js dari scrollrevealjs.org

    Website ini saya buat waktu lagi belajar javascript. Rencananya bakal saya remake/remaster(?) pakai react.js, anehnya waktu itu saya gak kepikiran buat pakai API, namanya baru belajar hehe..

    Repo : [https://github.com/ega-erinovian/Valorant-Agent]


  1. [https://ksana.in/my]
    Bambiiii
    Selamat malam, izin ikut showcase projek kedua saya. Hari ini saya membuat aplikasi sederhana untuk mengenerate nama acak. Kenapa saya membuat ini? Karena gabut pastinya, dan juga karena ingin menghilangkan kesulitan saya dalam menentukan nama karakter yang ingin digunakan di dalam novel/cerita fiksi yang saya buat, dan juga jika ada author lain yang kesulitan menentukan nama karakternya bisa dicari disini.

    Nama yang di generate bisa bedasarkan gender dan negara, untuk saat ini baru tersedia nama dari 31 negara/negara bagian termasuk indonesia, dan gender yang tersedia hanya ada 2 tidak seperti di Thailand yang mempunyai 18 gender.

    Update 15/9/2021 : Hari ini sudah saya tambahkan 31 negara baru, berarti sekarang sudah tersedia 62 negara.

    Website ini saya buat tadi pagi menggunakan html css (tanpa framework), php native, dan sedikit javascript vanila. Saya juga menggunakan beberapa library seperti:

    • FakerPHP / Faker (PHP)
    • particle.js (Javascript)
    • starback.js (Javascript) yang dibuat oleh @saugi yang baru di showcase kemarin.
    • gsap scrollTrigger (Javascript)
    • smooth-scroll.js (Javascript)

    Saya juga menggunakan css reset dari normalize.css, font dari google font (viga, spartan, dan poppins), dan icon dari boxicons.

    Websitenya di hosting gratis di 000webhost dan bisa di akses di [https://ksana.in/my]. Untuk repo bisa di lihat di [https://github.com/bbhpowpow/myname] (Yang mampir ada -+100 orang tapi gak ada yang ngestar [Wajah Tersenyum]).

    Jika ada error atau bug bisa di laporkan ke saya. Jika ada saran, boleh disampaikan saja.

    Terimakasihh dan jangan lupa bahagia.

    Saya 15 Tahun


  1. [https://husain-inv.github.io/portfolio/]
    Don Vito Corleone
    Assalamualaikum Pak Dika dan temen temen WPU, izin share untuk projek showcase pertama saya. saya tertarik dengan dunia titik koma setelah melihat live di youtube showcase-project, saya tertantang dan membranikan diri untuk ikut, meski projek ini belum sempurna dan masih awam sehingga saya mencari tutorial-tutorial di youtube dan saya tertarik membuat "Portfolio" ini, mungkin masih belum terlalu bisa untuk memodifikasinya jadi mirip-mirip seperti tutorial ๐Ÿ˜…. Ini merupakan projek ketiga setelah membuat sistem login sederhana dan yang kedua responsive pages.

    • HTML & CSS
    • Javascript

    repo: [https://github.com/husain-inv/portfolio]

    masih pemula. salam titik koma ๐Ÿ‘๐Ÿป terimakasih


  1. [https://irvan.netlify.app/]
    IrvanThole
    Hallo pak dika, izin mengikuti showcase project ke dua saya, sekarang saya buat web portofolio saya pribadi, saya mengembangkannya dengan framework flutter, saya membuat website ini selama 3 hari. sebenarnya masih ada yang kurang masih belum ada page yang menunjukkan project-project yang pernah saya kerjakan. tapi mungkin lain waktu bisa saya ikutkan kembali. terimakasih pak dika dan teman teman semua nya.



14 Oktober 2021

  1. [https://wiscaksono.netlify.app/]
    Nu
    Halo Pak Dika dan penonton WPU ๐Ÿ‘‹. izin share untuk project showcase pertama saya. Website ini dibuat karena saya sudah stress dengan Teknik Elektro dan ternyata ngoding asik juga.

    Dalam project ini saya menggunakan:

    • HTML + CSS (Tailwind)
    • Sedikit Javascript
    • GSAP

    Source Code : [https://github.com/wiscaksono/wiscaksono.github.io]


  1. [http://misteryo.rf.gd/]
    zdnpl
    Assalamualaikum, halo Pak Dhika dan penonton setia WPU, saya Zidan, izin ikut showcase project buat yang ketiga kali nya, buat project kali ini saya bikin web yang terinspirasi dari secreto.site, masih ada sedikit bug beresahkan tapi semoga bisa bermanfaat dan menginspirasi.

    Teknologi yang digunakan :

    • PHP :php:
    • MySQL :mysql:
    • CSS :css:
    • jQuery

    Repo : [https://github.com/zdnpl/misteryo]

    Ramein boleh, tapi tolong jangan di spam

    Sekian terima kasih, salam titik koma.

    edit : abis submit disini langsung banyak yg ngespam, capek bersihinnya ๐Ÿ˜ฅ


  1. [http://fbaz.pythonanywhere.com/]
    Awikwok Banged
    Assalamualaikum Wr. Wb.

    Halo temen temen semua ๐Ÿ‘‹, Perkenalkan saya Fbaz, Saya berumur 14 tahun, Ini pertama kali saya mengikuti showcase project, yaitu membuat website YOUTUBE COPY, maaf kalau ga persis persis banget sama youtube aslinya disini belum ada fitur -Login -Insert video, -insert comment, -insert subscribe, dan lain lain yang berkaitan dengan login, karena masih baru dibuat, dan sebagai pembelajaran saya saja dari belajar Django, Dan saya juga coding pake handphone ๐Ÿ˜…, gaada laptop / pc, Jangan Lupa Subscribe YT Fbaz Untuk Yang Mau Belajar SQL INJECTION :D

    Aplikasi Ini Dibuat Dengan : -> HTML5 -> CSS3 -> JAVASCRIPT -> PYTHON

    Framework : -> Sedikit Boostrap 5 -> Django 1.11 LTS

    Yang Digunakan : -> Browser Chrome -> Terminal Termux -> HP Samsung A10 -> Text Editor Acode

    Repo Git : [https://github.com/FbazXploit/Youtube_Copy/]


  1. [http://sweetscar.github.io/authigniter]
    rizkykurniawan
    Assalamualaikum semuanya, Saya Rizky Kurniawan izin ikut showcase project. Project ini saya belajar dari library Myth Auth yang mana merupakan library sederhana untuk otentikasi dan otorisasi pengguna untuk website yang dibangun dengan Codeigniter 4. Meskipun saya banyak mendengar Codeigniter akan banyak ditinggalkan, tapi saya masih suka dan senang menggunakan Codeigniter apalagi untuk project2 sederhana. Dan juga saya ingin belajar bagaimana membuat sebuah library dan mengelolanya. Penjelasan dan cara penggunaanya ada di website dokumentasi di bawah. Mohon krtitik dan sarannya.

    Oiya nama librarynya AuthIgniter (Authentication & Authorization Library for Codeigniter 4).

    Teknologi yang digunakan :

    • PHP
    • Codeigniter 4

    Repository : [https://github.com/sweetscar/authigniter] Packagist : [https://packagist.org/packages/sweetscar/authigniter]


  1. [https://viandwi24.github.io/blockchain-simulation]
    viandwi24
    Halo teman - teman semuanya, nama saya Alfian Dwi mau berbagi projek Blockchain Simulation yang saya buat dari Vuejs dan Nodejs. Projek ini juga dilengkapi tour guide yang sederhana untuk membantu teman teman mempelajari Blockchain. Dibuat untuk teman teman yang mungkin mau mengenal gimana cara kerja sistem Blockchain yang digunakan di coin digital seperti bitcoin dll. *saat menggunakan tour, jangan diklik apa apa selain "next dan back", karena tournya otomatis yang akan melakukan click *maaf kalo tampilan jelek karena nda jago desain dan hanya dikerjakan dalam waktu 1hari

    Github: [https://github.com/viandwi24/blockchain-simulation]


  1. [https://havingfun-weather-app.netlify.app/]
    LostMySelf
    Halo pak Dika dan penonton WPU, izinkan saya share project sendiri. Disini saya memiliki project aplikasi yaitu Aplikasi Cuaca dimana kalian bisa melihat ramalan cuaca di daerah kalian, ini project pertama kalinya saya share untuk showcase project. Sekali lagi maaf kalo jelek hehe :>

    github: [https://github.com/kevinoctavian/weather-app]

    Framework yang digunakan: Svelte Bootstrap 5 Sveltestrap

    Api yang digunakan: Weather api dari [https://www.weatherapi.com/]

    Jangan lupa klik izinkan lokasi ya teman teman Maaf kalo UI nya jelek :) GitHub


  1. [https://hadirr.glitch.me/]
    Feri
    Assalamualaikum Pak @sandhikagalih dan kawan-kawan semuanya, apa kabar? ๐Ÿ‘‹ Semoga sehat selalu yaa...

    Perkenalkan nama saya Feri Irawan dari Bulukumba.

    Izin showcase projek lagi untuk yang keempat kalinya, yakni projek yang bernama Hadir

    Hadir adalah web untuk membuat formulir daftar hadir online.

    Projek ini saya buat dengan tujuan untuk membantu para guru yg sedang melakukan pembelajaran jarak jauh (daring) terutama di SMP tempat saya sekolah saat ini..

    Mengapa saya buat?

    Saya membuat ini karna setiap guru menyuruh kami (para murid) untuk mengisi daftar hadir, guru" kami selalu membuat daftar hadir seperti berikut dan dikirim ke WhatsApp:

    Daftar Hadir kelas IX B Mata Pelajaran IPS Kamis, 02 September 2021

    1. Indri Handayani
    2. Riska febriyanti
    3. Feri Irawan
    4. resa
    5. ira
    6. nadia aprisa
    7. Ainun Shayla
    8. Muh Muh asyraf
    9. afdal jihadur
    10. Fayyad Ma'arif
    11. Dst...

    Nah, cara mengisi daftar hadir diatas dilakukan seperti berikut:

    1. Salin daftar hadir
    2. Tulis nama
    3. Kemudian kirim

    Saya merasa cara tersebut kurang bagus, karna akan membuat tugas/materi yang guru kirim tertinggal atau tenggelam dengan banyaknya daftar hadir yg dikirim oleh teman-teman saya lainnya..

    Maka dari itu saya buat Hadir agar para guru tinggal membuat absen > salin link > lalu kirim ke WhatsApp.

    Jadi, teman-teman hanya klik link dan mengisinya tanpa membuat tugas tenggelam dengan banyaknya daftar hadir..

    Dan alhamdulilah, Hadir telah digunakan oleh guru" saya untuk pembelajaran daring..

    Teknologi :

    • PHP native
    • JSON (sebagai database)
    • Cuttly (untuk shortlink)
    • Bootstrap
    • HTML
    • CSS
    • JS
    • jQuery
    • Google Analytics

    Maaf pak jika tampilan kurang bagus karna saya buatnya di mobile,

    Dan maaf juga karna saya tidak membagikan link Github nya karna saya takut kalau ada yang jahil karna tau struktur dari web Hadir ๐Ÿ™๐Ÿป

    Mohon masukannya pak dan kawan-kawan semuanya.

    Terima kasih


  1. [https://nyundaan.auroraweb.id/]
    Ariqh
    Izin share hasil project saya dan temen-temen.

    Nama projectnya Nyundaan yg bertemakan mengenai budaya sunda. Seperti sejarah, senjata tradisional, makanan, pakaian adat, dll.

    Teknologi yang digunakan :

    • HTML
    • CSS
    • Javascript

    Fitur tambahan :

    • Ganti Bahsa (Indonesia, Sunda)
    • Dark Mode

  1. [https://kelas71.xyz/]
    James Aja
    Halo teman teman sekalian dan juga Pak @sandhikagalih dan @ramset . Perkenalkan nama saya James. Saya berasal dari kelas 7 smp petra 3. Mohon ijin untuk showcase projek pertama saya. Project ini saya beri nama Checklist Tugas Kelas 71. Checklist Tugas Kelas 71 adalah sebuah web yang saya buat untuk keperluan kelas saya dalam pencatatan tugas namun tidak terpakai karena guru dan teman teman banyak yang tidak mempercayai karena website ini menggunakan system login yang mereka kira ada data pribadi mereka padahal saya tidak masukin data pribadi apapun. Nah di web ini loginnya harus pakai email @kelas71.xyz yang saya buat sendiri juga.

    Login detail: demo@kelas71.xyz password: kelas71hebat

    Saya membuatnya menggunakan Laravel versi 8 dan juga Mysql. Saya dengan terpaksa membeli shared hosting dan domain karena saya coba di free hosting tidak bisa karena mysqlnya tidak bisa diupdate. Fitur fitur: Todo-list: Todo list adalah fitur untuk mencatat tugas sehari hari kita(Ini dilihat oleh semua user karena saya masih belum bisa bikin lebih lanjut untuk data multi usernya.) Project: Fitur ini untuk projek projek yang jangka waktunya lumayan Panjang klo yang todo list itu hari itu harus juga selesai. Goals: Fitur ini adalah fitur untuk mencatat keinginan kita contoh nilai matematika 100 nah disitu kita harus memasukan sesuatu agar kita dapat mencapainya To-Learns: Nah disini saya buat untuk mencatat apa yang akan kita pelajari dan yang sudah kita pelajari.

    Tutorial Lengkap: [https://bit.ly/tutorialjadwalv5]

    Website ini saya buat dalam kurung waktu 2 bulan karena saya mengerjakanya sendirian.

    Yang saya gunakan: JavaScript JS JavaScript JSON HTML CSS PHP SQL

    Sekian. Terima Kasih.


  1. [https://preson.netlify.com/]
    januarprasetiya
    Assalamualaikum Pak Dika dan Teman-teman semuanya. Perkenalkan saya Adam (januarprasetiya) Staff Administrasi di salah satu PT Swasta. Mengikuti channel bapak dari 2016. Ini adalah project sederhana saya hasil dari video #Ngobar29 WPU. Nama aplikasi ini PresOn (Presensi Online). Sebenarnya versi fullnya sudah jadi dengan google form. Tapi pengen aja gitu dibuat pakai html.

    • HTML CSS sedikit bantuan Bootstrap dan Bootstrap Datepicker
    • Libary Form to Google Sheet
    • Netlify untuk deploy

    Semoga tidak terlalu buruk.

    Dokumentasi apps : [https://github.com/januarprasetiya/PresOn]



21 Oktober 2021

  1. [https://cekdomain.js.org/]
    Nomad.Lynnn
    Halo semua, perkenalkan nama saya Farid. Izin share project iseng website untuk mencari ketersedian nama domain sebelum membeli domain.

    Website dibuat dengan:

    • Jekyll
    • HTML & CSS
    • Javascript
    • Punycode.js
    • API Cloudflare
    • Data domain .TLD via iana.org
    • Netlify untuk deploy
    • Dan tidak lupa dibuat dengan โค๏ธ dan secangkir โ˜•

    Oh iya jika cari domain ada tiga pilihan yaitu dengan tanda titik (example.com), tanpa titik (examplecom) dan alfabet (example.a), (example.b), (example.c)

    Repository : [https://github.com/faridnizam/domin]


  1. [https://simple-type-racer.herokuapp.com//]
    akbarhps
    Selamat pagi, siang, sore, malem, subuh, dzuhur, ashar, magrib, isya temen temen semua

    saya mau bagiin project gabut lagi nih, kali ini game typeracer pake websocket. untuk pengerjaan project kira kira 6 - 8 jam an sih.

    Jadi di game ini ada 2 mode, single player sama multiplayer. Buat multiplayernya minimal 2 pemain baru bisa play, ntar kalo mau mabar bisa join via id room, untuk sekarang belum ada batasan 1 room berapa player sih.

    tech stack:

    • html
    • css
    • vanilla js (buat client-side)
    • node.js
    • socket.io

    Github: [https://github.com/akbarhps/type-racer]


  1. [https://himid-site.web.app/]
    Arfian
    assalamualaikum teman teman dan padika salam kenal saya arfian dari surabaya kelas 9 smpn 1 surabaya ijin share website laundry punya sodara yg saya buat dengan:

    1. html
    2. css
    3. bootstrap
    4. js

    mohon saran dan kritiknya pa, terimakasih


  1. [https://intelligenceclass.000webhostapp.com/]
    TepanUyy
    Selamat pagi, siang, sore, malam teman-teman, kenalkan saya Stevan Andreas dari Samarinda sekolah di SMKN 7 Samarinda kelas 10 jurusan RPL atau namanya sekarang PPLG (Pengembangan Perangkat Lunak dan Game) , ijin mau share project saya yang dibuat dalam waktu 3-4 hari dan sebenarnya belum 100% masih banyak bug juga, website ini dibuat tujuannya untuk memudahkan teman-teman saya melihat jadwal ataupun info dari sekolah saya.....

    Web ini dibuat dengan :

    1. html
    2. css
    3. javascript
    4. bootstrap
    5. php
    6. mysqli sebagai database

    username : siswa password : siswa123

    mohon saran-saran dan tanggapannya dari teman-teman, terima kasih ๐Ÿ˜

    jangan dihujat kak masih belajar hehe


  1. [http://anonymousmessage.rf.gd/]
    Albabriziq
    Selamat pagi/siang/malam semua

    Perkenalkan nama saya Albab dari Kebumen Jawa Tengah, dan saat ini masih menempuh kelas 9 SMP. Ini hasil proyek gabut saya ketika malam-malam. Membuat clone website Secreto yang lagi viral beberapa waktu lalu. Dan saya membuat proyek 'Clone'nya. Walaupun tampilan UI nya masih jelek hehe. Oiya ini ngodingnya saya di HP karena belum punya PC hehe

    Repo Github = [https://github.com/AlbabRiziq/cloneSecreto]

    Jangan lupa kunjungi portofolio saya di [http://albabriziq.rf.gd/]

    Dibuat menggunakan :

    • HTML
    • CSS
    • JAVASCRIPT
    • PHP Native
    • BOOTSTRAP

  1. [https://rennwp.github.io/wantap/]
    ๐–—๐–Š๐–“๐–“๐–œ๐–•
    assalamualaikum pak sandhika @sandhikagalih perkenalkan nama saya Ryan Wiratara Prasetyo biasa dipanggil wp, saya kelas 11 dari sma bss Malang. Baru baru ini saya lagi belajar javascript, trus saya iseng iseng bikin game di html, mohon maaf design html css saya agak buruk tapi ini proggress yang udah saya capai.

    -html -css -javascript

    link wantap gaming : maksud dari wantap adalah one tap yang mengharuskan player menembak sekali saja untuk membunuh kotak.


  1. [https://slowy07.github.io/clifter_slam/]
    Arfy.slowy
    halo!, selamat siang pak, kali ini saya ingin showcase project saya yang berlanjut di bidang industri, yang sebelumnya di bidang medis, seni. disini aplikasinya bisa memvisualisasikan hasil dari kamera ( mau kamera biasa atau kamera 360 ) , dan kemudian hasilnya akan di generated dalam bentuk 3 dimensi, teknelogi yang digunakan

    • pytorch ( machine learning library )

    test pegunaan dari saya menggunakan ( disarankann ) :

    • linux debian based ( mx )
    • 16x2 gb rams
    • nvidia gtx titan x ( percobaan )

    untuk demo kali ini menggunakan datasets yang sudah saya sediakan, aplikasi ini bisa juga cocok untuk pertambangan dan hasil generate bisa di visualisasikan secara detail dari dari struktur peta tambang secara 3d atau, jika gabut bisa memvisualisasikan rumahnya sendiri ๐Ÿ˜‚, dan untuk demonya kemungkinan tidak bisa menggenerate secara baik, dikarenakan keterbatasan GPU pada online demo untuk contoh hasil yang akurat dan tergenerate secara maksimal bisa dilihat disini [https://github.com/slowy07/clifter_slam]

    saran demo : piintclouds demo

    untuk paper ( jurnal ) di showcase ini saya tidak mempublikasinya ( donate if share the paper ), mungkin next showcase, papernya akan dipublikasikan kembali boleh open pull request, clone, dll. free to use, mungkin nnti next lanjut lagi showcase ๐Ÿ˜‚ note : dengan ini saya menyatakan perang showcase lawan clan nomad :v terima kasih pak dhika ๐Ÿ˜‰


  1. [https://dwita327.github.io/tamtomo.github.io/index.html]
    DT24
    assalamualaikum selamat malam pak, perkenalkan nama saya Dwi Tamtomo saya adalah seorang siswa smk kelas 11 di salah satu sekolah suasta di ciledug tanggerang hari ini saya akan ngeshare project pertama saya pak mungkin masih jelek pak karena ini project pertama saya harap di maklumin ya pak hehehe...sekarang masih ada bugnya pak mungkin nanti kalau sudah di showcast sudah rapih

    Dibuatnya pakai : -html -css

    Ini link reponya : [https://github.com/Dwita327/tamtomo.github.io]

    Ini github saya : [https://github.com/Dwita327]

    Terimakasih kasih pak


  1. [https://ksana.in/itp]
    nomad.bee๐Ÿ
    Selamat malam semuanya, izin ikutan showcase projek pertama saya (di akun ini :v). Project sederhana yang saya buat ini bernama Image to Palette yang bisa digunakan untuk mengekstrak warna-warna yang ada di dalam sebuah gambar menjadi palet warna.

    Awal terinspirasi membuat web ini adalah saat saya sedang menjelajahi dunia plugin figma, lalu saya menemukan plugin bernama Image Palette yang bisa mengekstrak palet warna dari gambar yang kita pilih. Setelah saya coba beberapa kali, saya merasa sangat terbantu karena saya sedang mendesain projek aplikasi yang berhubungan dengan warna. Akhirnya saya berkeinginan membuat web yang mempunyai fungsi yang sama seperti plugin Image Palette ini, dan jadilah web ini.

    Saya membuat website ini menggunakan :

    • HTML-CSS vanilla (1%)
    • TailwindCSS 2 (99%)
    • Javascript Vanilla
    • Color Thief
    • FileSaver.js
    • JSZip

    Fitur :

    • Ekstrak warna dominan dan palet warna dari gambar yang di upload.
    • Download warna yang telah di ekstrak kedalam bentuk zip yang berisi :
      • File colour.txt yang berisi daftar warna (hex) yang telah di ekstrak
      • File css.txt yang berisi custom properties css dari warna-warna yang telah di ekstrak
      • File sass.txt yang berisi variabel sass/scss dari warna-warna yang telah di ekstrak

    Repo : [https://github.com/abinoval/image-to-palette]

    Kalau mau coba webnya sekalian liat source codenya, bisa mampir ke codepen [https://codepen.io/abinoval/pen/gORKbaY], jangan lupa mampir ke pen lain ya๐Ÿ˜… .

    Mohon maaf kalau tampilannya masih jelek dan soucecodenya masih acak2an, karena saya membuat web ini iseng2 aja.

    Terimakasih.


  1. [http://demopp.hizbullahhaidar.xyz/]
    hayolox
    Selamat pagi semua,perkenalkan saya akil. Izin ikutan showcase sekalian testing project Program Profesional saya. Website yang saya buat web profil dan PPDB yang dimana fitunya sebagai berikut

    Admin

    • admin bisa mengelola semua data webprofil+ppdb
    • Saat admin merubah status calon peserta didik baru menjadi lulus maka akan otomatis insert data ke google sheet lulus (https://bit.ly/demopplulus)
    • Saat admin merubah status calon peserta didik baru menjadi tidak lulus maka akan otomatis insert data ke google sheet tidak lulus (https://bit.ly/demopptidaklulus)

    Calon peserta didik

    • Daftar Akun
    • Login
    • Mengisi biodata anak,ortu dan berkas yang diperlukan
    • Status lulus dan tidak lulus
    • Bagi status yang lulus mendapatkan kiriman email

    Dikarenkan banyak tugas kuliah,maka saya memanfaatkan semua framework ๐Ÿ˜

    1. Laravel
    2. sheetdb.io
    3. Boostrap

    Demo : Halaman pertama: [http://demopp.hizbullahhaidar.xyz/] Halaman Admin: [http://demopp.hizbullahhaidar.xyz/Secret]

    login admin : username: showcase@gmail.com pw : apasaja1221

    Untuk PPDB silahakan daftarkan akun.

    Note: - Untuk mengirimkan bukti pendaftaran di email menggunakan auto-cart google sheet



29 Oktober 2021

  1. [https://sekolahyuk-app.herokuapp.com/]
    Mention Aku Dong Kakak
    Assalamualaikum Teman Teman, Nama saya Zahir, hari ini saya akan membagikan suatu project saya, yang bernama "SekolahYuk"

    SekolahYuk adalah Aplikasi Pembelajaran Online untuk sekolah2 di Indonesia. Dimana Guru bisa memberikan tugas, soal ujian, dan murid bisa mengerjakan tugas serta soal2 nya.

    Dibuat dengan :

    • MongoDB
    • ExpressJS
    • ReactJS
    • NodeJS

    Fitur Lengkap Aplikasi :

    • Guru bisa memberikan tugas / soal ujian
    • Guru bisa membuat grup, yang dimana nanti para murid bisa masuk ke grup tersebut
    • Guru juga bisa memberikan materi berupa file PDF, Foto Gambar, DLL ke grup yang sudah dibuat
    • Guru bisa mengunduh hasil nilai para muridnya ke dalam bentuk excel
    • Ketika murid selesai mengerjakan soal ujian, nilai otomatis akan keluar
    • Ketika murid selesai mengerjakan Tugas, Guru bisa memberikan Nilai Kepada muridnya sesuai Maksimum Nilai yg diberikan saat membuat tugas tersebut

    Oiya, Di Aplikasi ini saya juga menambahkan fitur Rekam Gambar dan Audio saat ujian sedang berlangsung ( modelnya kaya autoproton gitu lahh kwkwkwk )

    Jadi guru bisa mengaktifkan fitur tersebut saat membuat soal ujian.

    Demo Akun Admin : Email : admin@sekolahyuk.id Password : sekolahyukapp

    Demo Akun Guru : Email : guru@gmail.com Password : iniakunguru

    Demo Akun Murid : Email : murid@gmail.com Password : iniakunmurid

    Link Demo SekolahYuk : [https://sekolahyuk-app.herokuapp.com/]

    Link Source Code : [https://github.com/ZSofttt/sekolahyuk-app]


  1. [https://candaan-api.vercel.app/]
    ardhptr21
    Halo semua, perkenalkan saya Ardhi, saya mau share project saya, yaitu Rest API yang saya kasih nama "Candaan API". Jadi Candaan API merupakan Rest API yang dibuat untuk mendapatkan beberapa jokes jokes receh dari Indonesia, semua data data yang ada di Candaan API diambil dari internet yang kemudian dikumpulkan menjadi satu, untuk dibuat Rest API

    Jadi project ini saya buat karena setelah saya cari cari di internet belum ada yang membuat API mengenai jokes jokes receh dari Indonesia (atau mungkin ada, tapi saya belum nemu aja), nah makanya saya buatlah project ini.

    Technology yang digunakan:

    • NodeJS
    • ExpressJS
    • Vercel (hosting)

    Link Candaan API: [https://candaan-api.vercel.app/]

    Link Github/Source code: [https://github.com/ardhptr21/candaan-api/]


  1. [https://vins2106.github.io/]
    Nomad.Vins
    Halo izin share project ini adalah project portofolio yang dibuat hampir seminggu (sekitar 4 - 5 harian)

    website ini dibuat mengunakan

    • html
    • css
    • javascript
    • easy-doc
    • font awesome

    website ini berbentuk Single Web App (SWA) yang dibuat mengunakan Vanilla Javascript dan css

    github: [https://github.com/Vins2106/vins2106.github.io/tree/v2] website: [https://vins2106.github.io/] (kalo ada error coba ctrl + f5)

    jangan lupa star githubnya kalo pengen fork ya :D


  1. [https://s-codedev.github.io/memory-game/]
    semydelavega
    Selamat Pagi, Siang, Malam Pak Dika dan teman -teman semua Saya kirimin lagi project gabut saya lagi, yaitu game iseng2 "UCL Memory Game" - Sebuah game semacam flip card. Game ini terinspirasi dari 16 besar Uefa Champions League musim kemarin...

    Game ini saya buat menggunakan HTML, JS, dan CSS Vanilla.

    Mohon Saran dan Kritiknya, heheheheh

    Web : [https://s-codedev.github.io/memory-game/] Github : [https://github.com/s-codedev/memory-game]


  1. [https://rifqirifaldi.github.io/webdesain]
    surisalbi
    Selamat siang semuanya.. Halo, perkenalkan nama saya Rifqi, izin share projek. Projek kali ini ialah web desain tentang media pembelajaran interaktif, website yang saya buat ini hanya berupa tampilan atau user interface nya saja tidak ada back end ataupun database. Adapun fitur-fitur nya diantaranya :

    1. Login
    2. Register
    3. Homepage
    4. Kelas Online
    5. Soal Latihan
    6. Tenaga Pendidik

    Berikut link demo nya : [https://rifqirifaldi.github.io/webdesain] *Untuk login tinggal klik tombol login saja tidak perlu memasukkan username dan password

    Teknologi yg digunakan : HTML/CSS/JavaScript

    Oh iya, projek yg saya buat ini hasil dari perlombaan yg diselenggarakan oleh CORISINDO Universitas Rahardja. Terima kasih... Salam untuk pak dhika.


  1. [https://cosine-similarity.suryamsj.my.id/]
    suryamsj
    Halo pak dhika, perkenalkan nama saya Muhammad Surya. Izin share project lagi yang dimana ini adalah hasil belajar metode Cosine Similarity.

    Teknologi yang saya gunakan :

    PHP Native Bootstrap 5 SweetAlert2 Vanilla-DataTables

    Untuk link demo : [https://cosine-similarity.suryamsj.my.id/] Untuk link github : [https://github.com/suryamsj/Cosine-Similarity] Untuk asset gambar, saya pake situs ini : [https://storyset.com/]

    Sebelumnya terima kasih untuk pak dhika dan kawan" semuanya.


  1. [https://mosesfahmipratama.github.io/]
    mosesfahmi
    Halo teman-teman semua, perkenalkan nama saya Moses Fahmi Pratama. Mohon izin saya mau share projeck saya ya. Projeck ini merupakan web portofolio saya yang saya kerjakan selama 2 minggu. Projek ini hasil saya belajar di WPU dan channel yt yg lainnya. Untuk projecknya 85% slsai. Tampilan web sudah responsive hanya saja 15% blum slsai.

    Teknologi yang dipakai: HTML CSS (No Framework) Vanila Javascript

    link demo: [https://mosesfahmipratama.github.io/]

    Link github: [https://github.com/MosesFahmiPratama/MosesFahmiPratama.github.io]

    Kritik & saran saya butuhkan. Terimakasih Pak Dhika & tman2 smua ๐Ÿ˜


  1. [https://dinasti.online/]
    billyones
    Sebuah web bio sederhana pakai svelte kit, font awesome dan di deploy ke firebase

    Teknologi:

    • svelte (sveltekit)
    • font awesome
    • sass (lebih tepatnya scss) -unsplash (sudah didownload)

    Note: Belum support tampilan PC karena bikinnya di HP

    Demo: [https://dinasti.online/] Source Code: [https://github.com/dinastishitpost/dinasti-bio]


  1. [https://examplemyportfolio.netlify.app/]
    Kidal.anthz
    Assalamu'alaikum, Selamat sore semuanya, semoga dalam keadaan sehat selalu, Aamiin.

    Perkenalkan nama saya aditya, saya dari bogor. Izin share project pertama hasil belajar dari agustus. awalnya saya berada di program studi Teknik Elektro, sekarang pindah univ dan mengambil Teknik Informatika dengan lanjut semester, jadi sebelumnya saya lebih sering latihan bermain dengan Arduino beserta komponennya. Lanjut ke topik, project yang dibuat ini adalah latihan portfolio pertama. jadi, masih belum belum sepenuhnya saya masukan data saya, insyaallah saya akan showcase lagi. Disini saya menambahkan greenmode karena saya kurang dengan darkmode ๐Ÿ˜ . First time ikut showcase, kritik dan saran sangat bermanfaat bagi saya, Terimakasih ๐Ÿ™

    Teknologi:

    • HTML
    • CSS
    • JavaScript

    Repository : [https://github.com/AdityaFitrianaNS/myportfolio1.github.io]

    website : [https://examplemyportfolio.netlify.app/]


  1. [https://katakanpadanya.tk/]
    M IMAM CH
    Halo selamat malam pak @sandhikagalih , dan juga teman teman semua... sebelumnya perkenalkan nama saya Muhammad Imam Choirudin, biasa di panggil Imam. Saya berasal dari Lampung, Umur 17 Tahun, dan baru saja lulus SMA... disini saya ingin memperkenalkan project saya.. Project Aplikasi Web saya ini bernama "Katakan Padanya", yaitu website yang digunakan untuk menyampaikan pesan kepada seseorang tanpa diketahui identitasnya. web ini terinspirasi dari web bernama secreto,site.. tentu masih banyak kekurangan dalam web saya ini, dan kedepannya akan saya perbaiki seiring berjalannya waktu... aplikasi ini saya buat tanpa menggunakan framework apapun. dalam pembuatan website ini juga berhasil membuat saya kurang tidur selama 3 hari hehehehe. apabila teman teman semua ingin memberikan kritik dan saran, ataupun juga ingin merekrut saya berkerja (karena saya pengangguran hehe) bisa langsung ke instagram saya @mimamch28

    LINK : [https://katakanpadanya.tk/]

    Cara Kerjanya :

    1. pengguna meng-generate link dari website katakanpadanya.tk
    2. pengguna mendapatkan link halaman miliknya
    3. pengguna dapat menyebarkan link tersebut ke sosial media miliknya supaya orang orang dapat mengirim pesan kepadanya tanpa diketahui siapa pengirimnya, jadi orang orang dapat mengungkapkan perasaan yang terpendam terhadap orang tersebut.

    Teknologi yang di gunakan :

    1. HTML
    2. CSS
    3. PHP
    4. MYSQLI



30 Oktober 2021

  1. [https://vins2106.github.io/tebakkelereng/]
    Nomad.Vins

    Halo izin share project... nama projectnya Tebak Kelereng. game ini terinspirasi dari Squid Game Ep GGANBU yaitu bermain kelereng

    jadi cara mainnya tinggal tebak kelereng milik robot berjumlah ganjil atau genap, kalo salah robotnya yg ambil kelereng punya mu, dan sebaliknya jika benar

    mungkin ada beberapa perbedaan dari yg aslinya...

    github: [https://github.com/Vins2106/tebakkelereng] demo: [https://vins2106.github.io/tebakkelereng/]

    makasi :D


  1. [https://phive.ivqonsanada.com/]
    ivqonsanada

    Projek ini berkutat pada platform freelance, tapi khusus Mahasiswa dan Dosen. Kenapa projek ini dibuat? Ini dari dosen sih, namun saya pribadi tertarik dengan masalahnya. Sebagai mahasiswa, saya sangat ingin mendapat pengalaman kerja sebelum lulus nanti, bisa mendapatkan uang dari jerih payah saya sendiri. Dan saya ingin mahasiswa-mahasiswa lainnya--yang ingin namun belum dapat kesempatan--bisa mewujudkan keinginan mereka itu.

    Sedikit cerita:

    Ini adalah projek PKL saya dulu, karena telat daftar magang di luar, akhirnya magang di fakultas saja :โ€™). Dalam projek ini, saya belajar banyak, bukan hanya coding, tapi juga bagaimana menjadi seorang pragmatic programmer.

    Waktu awal pengerjaan projeknya, saya diliputi pikiran, โ€œApa ya tools yang cocok untuk projek iniโ€, โ€œAman gak ya kalau pakai ini?โ€, โ€œCara paling optimal untuk nerapin ini apa ya?โ€, โ€œMau coba ini tapi environmentnya gak mendukung :(โ€œ, โ€œIni costnya bakal mahal banget kalo dipakai banyak orangโ€, dll.

    Hingga saya menghabiskan banyak sekali waktu hanya untuk riset dan memikirkan hal-hal detail, yang sebenarnya tidak penting-penting amat untuk dipikiran saat itu. Bertemulah saya dengan istilah, โ€œPremature Optimizationโ€ aka โ€œThe root of all evil". Di sini saya mulai sadar, saya sebaiknya tidak perlu memikirkan sejauh ini jika aplikasinya belum jadi, belum ada pemakainya, apalagi dalam skala besar.

    Ok, back to the main topic. Fitur:

    Secara Umum

    • Explore Project
    • Leaderboard
    • Profile
    • Message
    • Inbox
    • Responsive (nyoba mobile spt aplikasi mobile, ada tombol back, etc)

    Dosen

    • Project Publications, ada 3 tahap: Posting - Recruit - Review
    • Project Box (untuk atur project)
    • Hire Student

    Mahasiswa

    • Apply project (as individu / as tim)
    • Party (untuk buat timnya)
    • Project Box
    • Wishlist Project

  1. [https://ukur-tinggi.netlify.app/]
    c0derzhax0r

    Halo semua, perkenalkan nama saya Alif Januantara. Mohon izin share project showcase pertama saya disini.

    Ukur-tinggi adalah sebuah website sederhana yang dapat mengukur tinggi potensi sang anak (ketika dewasa) yang dihitung berdasarkan tinggi badan dari kedua orang tuanya atau yang dinamakan dengan Tes Potensi Genetik.

    Rumus hitungnya :

    • TPG (anak laki) : ((TB ibu (cm) + 13 cm) + TB ayah (cm)) / 2 ยฑ 8.5 cm

    • TPG (anak perempuan) : ((TB ayah (cm) - 13 cm) + TB ibu (cm)) / 2 ยฑ 8.5 cm

    Teknologi yang digunakan :

    • HTML
    • CSS
    • Vanilla Javascript

    Link demo : [https://ukur-tinggi.netlify.app/]

    Link source code : [https://github.com/coderzhaxor/ukur-tinggi]


  1. [https://hangman.zerachiuw.my.id/]
    ZalviandyR

    Halo semuanya ingin share project nih... Game sederhana yang menguji pengetahuan umum kalian yang berjumlah kurang lebih 100 soal. Nama gamenya Hangman yang dibangun menggunakan Flutter agar bisa cross-platform.

    Platform yang didukung untuk bermain game saat ini hanya Android dan Web. Sayangnya untuk beberapa package tidak support di Platform Desktop seperti Firebase Realtime Database dan juga belum build untuk Platform IOS karena gk ada Mac :wpulul:

    Tata cara bermain:

    1. Tebak jawab dari pertanyaan yang diberikan menggunakan keyboard yang sudah disediakan.
    2. Setiap kata yang sudah ditekan tidak bisa ditekan lagi.
    3. Jika kata yang ditekan benar maka akan mengisi kekosongan jawaban yang ada.
    4. Jika kata yang ditekan salah maka rangkaian Hangman akan tersusun.
    5. Jika semakin banyak kata yang salah dan rangkaian Hangman tersusun sempurna, maka Hati akan berkurang.
    6. Skor tertinggi disimpan ketika user "Menyerah" atau keluar dengan paksa dari Game.

    Teknologi yang digunakan:

    1. Flutter
    2. Firebase Realtime Database
    3. Herokuapp

    Link project:

    1. Web - [https://hangman.zerachiuw.my.id/]
    2. Android - [https://github.com/zalviandyr/hangman-flutter/releases/tag/v1.0.0]
    3. Github - [https://github.com/zalviandyr/hangman-flutter]

    Terimakasih.


  1. [https://adhywiranto44.github.io/object-detection-indonesian-traffic-signs-using-yolo-algorithm/]
    wanindemilien

    Hi guys, apa kabar?

    Kali ini saya mau share projek hasil Tugas Akhir/Skripsi saya yang berjudul: Implementasi Deep Learning untuk Object Detection Menggunakan Algoritma YOLO (You Only Look Once) pada Rambu Lalu Lintas di Indonesia

    Jadi intinya di TA ini saya mengumpulkan dataset berupa rambu lalu lintas khas Indonesia, setelah dikumpulkan total sejumlah 2100 buah gambar saya bentuk menjadi dataset utuh dengan menambahkan label. Setelah dibentuk nanti dibuatkan model Deep Learning dengan algoritma YOLO versi 4 sehingga model tsb dapat dimanfaatkan untuk pendeteksian objek dalam bentuk gambar maupun video.

    Dataset yang dikumpulin berdasarkan rambu yang sering muncul di Kota Bandung, buat video demonya diambil di jalan Kota Cirebon.

    Website: [https://adhywiranto44.github.io/object-detection-indonesian-traffic-signs-using-yolo-algorithm/] Demo Video: [https://youtu.be/ZndeLSH5VeA] Repo: [https://github.com/AdhyWiranto44/object-detection-indonesian-traffic-signs-using-yolo-algorithm]

    More projects: [https://github.com/AdhyWiranto44/]


  1. [https://miracle-basketball.web.app/]
    Nomad.nama-kalian

    Assalamualaikum Pak Sandhika dan temen-temen semua, perkenalkan nama saya Rizky Ikhwan. Izin share project hasil kegabutan dan belajar saya selama liburan semester kemarin, sebuah web bernama Miracle Store ID. Jadi ini adalah web penjualan sepatu basket layaknya situs E-Commerce dengan fitur yang masih sangat sederhana banget.

    Teknologi yang saya gunakan :

    1. Vue JS 2
    2. Vue Router
    3. Vuex (Saya sangat pemula di Vuex sebenarnya)
    4. Firebase, untuk backend nya

    Library yang saya gunakan :

    1. Bootstrap / Bootstrap-vue
    2. Sedikit Gsap
    3. Font Awesome
    4. vue-toast-notification
    5. vue-form-wizard (untuk bagian checkout)
    6. vuesax (hanya dipakai untuk select kategori brand) *Maaf kalau library yang saya pakai banyak

    Untuk menambahkan barang ke keranjang harus sudah memiliki akun dan login terlebih dahulu. Pada bagian nomor hp dan email di form pendaftaran, boleh sembarang aja, asalkan email yang mau didaftarkan harus sesuai dengan format email.

    Link : [https://miracle-basketball.web.app/] Repo : [https://github.com/rizkyikhwan/miracle-basketball]

    Oh iya, ide project ini saya dapatkan ketika menonton video tutorial FireBlogs dari channel youtube Traversy Media. Mohon maaf kalo kodenya masih berantakan banget hehe. Ditunggu sarannya dari Pak Sandhika dan temen-temen semuanya. Hope you guys like it!


  1. [https://shoru.herokuapp.com/]
    png.slowy

    Assalamu'alaikum teman-teman nama saya Athallah Muhammad Maajid kelas 3 SMP, izin share project saya tentang url shortener yang bernama shoru. Shoru sendiri sebenarnya punya @xanovicc (teman saya) yang berbentuk web, jadi saya membuat aplikasi mobile nya

    teknologi yang saya gunakan adalah Flutter

    Github: [https://github.com/athallahmaajid/Shoru-Mobile] web: [https://shoru.herokuapp.com/]

    semoga bermanfaat


  1. [https://wpu-open-api.herokuapp.com/]
    LordJah1R

    Haloooo semua nama Saya Zahir, kali ini saya akan memberikan project saya yang bernama "Wpu-OpenApi" WPU-OpenApi adalah sebuah Website OpenApi yg berisikan Api Gratis Juga Tanpa Limit Untuk Kebutuhan Belajar Kalian, Ataupun Untuk Project Kalian, Terutama Untuk Komunitas WPU

    Dibuat dengan (Seperti Biasa):

    • MongoDB
    • ExpressJS
    • ReactJS
    • NodeJS
    • ScraperTools ( Package yg saya buat )

    Oiya, WPU-Open-Api juga nanti akan rilis versi package NPM, yang dimana kalian juga bisa mengakses nya lewat situ, dan Package tersebut akan menggantikan Package ScraperTools yg sudah saya buat sebelum nya.

    Cussss ke Webnya : [https://wpu-open-api.herokuapp.com/]

    Source Code : [https://github.com/ZSofttt/wpu-open-api]

    Note : Maaf kalau masih dikit Api nya, soalnya baru buat kemarin :)


  1. [https://laravel-for-um.herokuapp.com/]
    Zzzul

    Halo temen-temen dan pak Dhika perkenalkan saya Mohammad Zulfahmi. Izin share project showcase pertama saya disini, yaitu sebuah website forum sederhana.

    Fitur:

    • Authentikasi
    • Post
    • Comment
    • Reply
    • Notifikasi(Web & Email)
    • Setting(Profil & Ganti Password)

    Teknologi:

    • Laravel
    • Bootswatch(custom Bootstrap)
    • MySQL(untuk di heroku menggunakan Postgre SQL)
    • dengan sedikit tambahan CSS dan Javascript tentunya

    Demo: [https://laravel-for-um.herokuapp.com/]

    Demo akun:

    • Email: demo@mail.com
    • Passwrod: password *note: demo akun tidak bisa menghapus post dan comment pertamanya, serta setting(profil & ganti password)

    Repo: [https://github.com/Zzzul/for-um]


  1. [https://mengobroldenganteman.web.app/]
    Arfian

    Assalamualaikum padika dan kawan kawan, nama saya Arfian, saya berasal dari surabaya, sedang sekolah di smpn1 sby ijin share project mdt, project ini saya buat sebagai studi kasus setelah belajar socket.io saya buat dalam 2 versi, yaitu versi web sama destop (window)

    url : [https://mengobroldenganteman.web.app/] git repo: [https://github.com/arfian-rp/mengobroldenganteman-app]

    dibuat pakai:

    • socket io pastinya
    • html
    • css
    • js
    • nodejs (server)
    • electronjs (untuk crossplatform desktop)

    fitur:

    • realtime
    • public dan private chat - caranya input 'to' diisi dengan username target yg mau dichat private - jika kosong otomatis public

    cara kerja:

    • pesan yg dikirim akan diterima server lalu server langsung mengirimkan lagi ke client yg lain
    • pesan yg dikirim tidak disimpan di database (berarti jika halaman di refresh makan akan hilang history chat nya)

    kalau mau coba dibuka di tab lain / browser lain atau bahkan beda device

    web saya : [https://arfian-id.web.app/]

    mohon kritik dan saran ๐Ÿ˜Ž๐Ÿ˜Ž



5 November 2021

  1. [https://wibusaka.moe/]
    QCTFW

    Assalamu'alaikum wr wb Halo semuanya! Nama saya Azhar. Saya mohon izin untuk share projek iseng saya.

    Cocok untuk kalian semua yang wibu pecinta anime tentu saja bukan saya

    WibuSaka adalah projek yang saya buat selama beberapa bulan belakangan ini. Saya membuat cloningan MyAnimeList dengan tambahan dimana pengguna bisa tahu platform apa yang bisa digunakan untuk menonton anime yang dicari.

    Tujuan saya membuat projek ini adalah karena akhir-akhir ini, distributor anime sudah mulai melirik Indonesia dan menyebarkan anime mereka di Indonesia. Dan projek ini hadir untuk membantu kalian mencari platform apa saja yang tersedia untuk menonton anime yang mau dicari. Dan alasan kedua nya adalah saya juga udah mulai ketinggalan dengan Laravel yang baru jadinya saya juga sekalian belajar fitur-fitur Laravel baru ini dan juga sekalian belajar front-end. Terakhir nyoba itu Laravel 6, sekarang langsung loncat ke Laravel 8 ๐Ÿ˜…

    Kritik dan saran sangat diapresiasi ๐Ÿ™

    ใ‚ˆใ‚ใ—ใใŠ้ก˜ใ„ใ—ใพใ™

    Tools & Libraries:

    • Laravel 8
    • Livewire
    • Alpine.js
    • Tailwind CSS
    • Redis
    • Jikan.moe API (Unofficial MyAnimeList API) (Untuk mengambil anime musim ini, detail anime, dll)

    Fitur:

    • MyAnimeList clone
    • Info ketersediaan platform di setiap anime
    • Light & Dark Mode (saat ini berdasarkan pengaturan sistem, Switch Theme masih WIP)

    ===

    Website: https://wibusaka.moe/ Repository: https://github.com/qctfw/wibusaka


  1. [http://dhafit.xyz/]
    devz.anthz

    Assalamu'alaikum semuanya, izin share project blog sekaligus portfolio saya yang sangat sederhana. Blog ini saya buat pada sekitar bulan September 2021, dalam rangka belajar Next.js dan Typescript. Saya membagikan projek ini karena ingin membagikan template yang mungkin bisa teman-teman gunakan.

    Teknologi yang digunakan:

    • React js
    • Next.js (Typescript)

    Link: http://dhafit.xyz/ Github: https://github.com/dhafitf/dhafit.xyz


  1. [https://wibucode.com/project/posts9/]
    Andre R ๐Ÿง

    Hallo, selamat pagi dan salam ngoding. Mau share project bareng berdua, sederhana saja hanya landing page dari game wibu Arknights.

    Di bangun mengunakan:

    • Tailwindcss
    • Vue js

    Link preview dan repositori: https://wibucode.com/project/posts9/


  1. [https://wikla-shorturl.herokuapp.com/]
    wikla25

    Assalam'alaikum pak Sandhika dan teman2 sekalian, izin share project shorturl saya. shorturl ini adalah sebuah web aplikasi sederhana yang berfungsi untuk menyingkat url. saya membuat website ini karena terinspirasi oleh tugas membuat api shorturl di suatu kursus pemrograman. kedepannya saya juga akan membuat api untuk web aplikasi ini. jika ada kekurangan tolong bisa diberi saran ๐Ÿ˜… . ini juga pertama kali saya share project.

    Dibuat menggunakan

    • Express.js
    • Tailwindcss
    • MongoDB

    Link preview : https://wikla-shorturl.herokuapp.com/

    Link github : https://github.com/wiklapandu/shorturl


  1. [https://navdplay.github.io/Portfolio]
    NavdPlay

    Assalamualaikum Padika dan teman-teman semuanya, perkenalkan nama saya Naadir Al Atilla, saat ini masih duduk di kelas 8 SMP.

    Saya ingin share project portfolio saya. Project ini adalah project tugas dari les saya dan sekaligus mungkin menjadi portfolio resmi saya. Jadi saya disuruh untuk membuat website bebas sesuai dengan keinginan saya, trus saya mikir, "kenapa gak bikin portfolio aja ya? sekalian dibikin responsive" soalnya emang blum pernah bikin website responsive sebelumnya :wpulul:

    Saya membuat website ini dalam waktu 3 hari, ya cukup cepat untuk membuat website seperti ini, setidaknya bagi saya hehe. Hal2 yang saya taruh di website ini adalah bagian About, dimana saya menulis autobiografi singkat tentang saya. Lalu ada bagian Skills, dimana saya menaruh bahasa2 yang saya kuasai. Lalu ada bagian Projects, dimana saya menaruh projek2 yang sudah saya buat. Sampai saat ini projek2 yang sudah saya buat masih projek kecil2an semua dan itupun masih sedikit.

    Bahasa dan alat yang digunakan:

    • Visual Studio Code
    • HTML5
    • CSS
    • JavaScript dan library JQuery
    • Library AOS
    • Library Typed.js
    • Library FontAwesome

    Link Website: https://navdplay.github.io/Portfolio

    Link Repository: https://github.com/NavdPlay/Portfolio

    Saran dan kritiknya ditunggu ya teman2 :wpugege:


  1. [https://imronman05.github.io/]
    OTW SUKSES

    Assalamuallaikum pak dhika dan teman-teman semua. perkenalkan nama saya imron biasa dipanggil imronman :D.

    ini adalah pertama kali saya share project dan project pertama saya di dunia programman yaitu e-voting, tujuan dari pembuatan ini sebenernya adalah untuk edukasi/memperkenalkan apa itu e-voting. Mohon maaf kalau UI/UXnya jelek, karna saya baru beberapa bulan ini memperlajari tentang pemrogramman web.

    -Link repo https://github.com/imronman05/imronman05.github.io -Link https://imronman05.github.io/

    Bahasa dan alat yang digunakan: -HTML5 -CSS3 -JAVASCRIPT -Dan untuk di bagian diagram saya buat dengan CHART.JS

    Dan terimakasih banyak atas ilmu yang pak dhika berikan diyoutube bapak, semoga pak dhika dan keluarga selalu diberikan kesehatan selalu. Saran dan kritiknya ditunggu ya kawan-kawan. Terima kasih


  1. [https://epicgames-hd21.netlify.app/]
    Huda Damar

    Halo semuanya, saya ingin showcase project yang dibuat untuk mengasah skill frontend saya. saya membuat website cloning Epic Games Store. pada website yang saya buat hanya tampilan dan interaksinya saja

    dibuat dengan:

    • Vite + Vue 3 + Typescript
    • Tailwindcss
    • Headless UI
    • Swiperjs

    tampilan yang di buat:

    • home (discover, browse)
    • signin
    • signup

    web: https://epicgames-hd21.netlify.app/

    repo: https://github.com/hudadamar21/epicgames-clone

    untuk perbandingan ini website aslinya: https://epicgames.com/


  1. [https://kopi-kuy.000webhostapp.com/]
    Nomad.GeneralTommy

    Salam sejahtera untuk teman-teman dan pak Dhika sekalian .saya GeneralTommy (Nama asli Tommy Setiawan) dari Kota Pontianak dan saya seorang Lulusan dari SMK yang baru ingin mencoba menjadi freelancer Web Developer, dikesempatan kali ini saya mau mengikuti project showcase untuk pertama kalinya.

    Ini adalah web E-commerce sederhana yang saya bangun dengan framework laravel hasil dari pembelajaran laravel selama SMK ditambah Video dari 'Web Programming Unpas' dan beberapa youtuber programing lainnya. Namun karena menggunakan 000webhost maka ada kemungkinan beberapa fitur yang akan dimatikan oleh server.

    Dikarenakan kapasitas bandwidth yang terbatas maka teman-teman sekalian akan menemukan error seperti ini max connect timeout reached while reaching hostgroup cukup di refresh saja ini disebabkan karena bandwidthnya yang kecil. untuk gambar mungkin belum bisa.

    Teknologi yang digunakan : - AOS - Laravel 8 - Vue JS(Vue CDN) - HTML - CSS - Bootstrap - Chart.js - Figma

    Link Website : https://kopi-kuy.000webhostapp.com/

    Link Github : https://github.com/GeneralTomm/Kopikuy-Laravel.git


  1. [https://arf-json.herokuapp.com/]
    Arfian

    assalamualaikum padika dan teman teman, ijin share project "meniru" json placeholder fake api. untuk mengasah skill BE saya. url : https://arf-json.herokuapp.com/ dibuat pakai :


  1. [https://ko-vid.netlify.app/]
    Nomad.Suf

    Assalamualaikum.., selamat pagi/siang/sore/malam semuanya.

    Kali ini saya mau share project saya yang ke 5 atau 6 kalinya, dimana untuk projek saya kali ini saya beri nama "ko-vid"

    Web ini adalah sebuah website yang menyediakan data - data terkait covid 19 di seluruh dunia yang dimana data-datanya saya ambil dari api http://diseas.sh/

    Sebenernya web semacam ini sudah banyak dan bisa dibilang saya termasuk orang yang "terlambat" dalam membuat website seperti ini, namun karena saya sedang belajar tentang api maka saya kepikiran untuk membuat website ini untuk bahan latihannya.

    Adapun teknologi yang dipakai adalah: HTML CSS Vanilla Javascript (fetch untuk mengambil data dari API)

    Adapun fitur-fiturnya adalah sebagai berikut:

    • Total kasus, total kematian, total kesembuhan.
    • Kasus harian, kematian dan kesembuhan
    • Presentase angka kematian dan kesembuhan dibandingkan total kasus serta presentase angka positif dari total jumlah penduduk.
    • Total kasus, penambahan dan pengurangan kasus aktif setiap hari.
    • Total tes, jumlah tes per satu juta orang dan jumlah kasus per satu juta orang.

    Adapun situs ini masih dalam pengembangan dan rencananya ada beberapa fitur tambahan yang akan di tambahkan seperti:

    • Grafik
    • Filter jumlah kasus tertinggi ke terendah
    • Jumlah vaksinasi
    • dll

    Website ini masih sangat sederhana (bisa dilihat dari tampilannya ๐Ÿ˜) dan masih banyak kekurangan, jadi saya sangat berharap masukan dari para member disini untuk menjadikan website ini jadi lebih baik lagi.

    Link website : https://ko-vid.netlify.app/ Link github: https://github.com/adeyusuf211/covid-tracker

    Terimakasih



11 November 2021

  1. [https://mezzky.github.io/web-dev-tools]
    DoubleRR

    Assalamualaikum untuk teman-teman WPU sekalian dan Pak Sandhika. saya DoubleRR (Nama asli Rizky Ryan Sahadha) dari Kota Denpasar, Bali. dikesempatan kali ini saya ingin mengikuti showcase project untuk pertama kalinya.

    Ini adalah website sederhana yang referensinya dari salah satu video di Channel WPU berjudul "Tools & Website Pendukung untuk Programmer & Web Developer" yang bertujuan untuk memudahkan para web developer dalam pencarian resource untuk pembuatan website. saya membuatnya sendiri dengan ilmu dan hasil dari pembelajaran Video dari 'Web Programming Unpas' dan beberapa Youtuber programming lainnya. Terimakasih Pak atas Ilmunya๐Ÿ™๐Ÿป

    Teknologi yang digunakan : - HTML5 - CSS3 - Library Javascript

    Link Website : https://mezzky.github.io/web-dev-tools Link Repo : https://github.com/Mezzky/web-dev-tools.git


  1. [https://chat.kelas71.xyz/]
    James Aja

    Halo pak @sandhikagalih lalu dan teman teman sekalian. Perkenalkan nama saya James saya sekarang masih duduk di kelas 7 SMP dan saya dari SMP Petra 3 Surabaya. Hari ini saya mau showcase project ke 2 saya masih di Laravel. Kali ini saya akan mengshowcase project sistem grup chat yang berbasis di web. Ini ceritanya sama sih kayak yang kemarin ini saya showcase karena tidak dipakai guru dan teman teman dengan alasan keamanan. Padahal saya sudah sampai uji web saya di trusted site sampai keluar sertifikatnya masih tidak dipercaya daripada dibuang mending saya showcase. URL: https://chat.kelas71.xyz/ Username: demo@kelas71.xyz Password: kelas71hebat

    Fitur fitur:

    • Grup dengan password protect
    • Tidak menggunakan memori HP/Laptop sama sekali. Kecuali file karena tidak ada viewernya.
    • Custom Sticker
    • Membagikan File
    • Voice Note
    • Bisa ada role Moderator dalam tanda kutip guru.
    • Bisa share video dan gambar
    • Ada fitur anti bicara kotor dan spam
    • Pesan terenskripsi end to end jadi administrator tidak bisa lihat
    • Nama siswa tidak bisa dirubah sehingga guru tidak bingung nama
    • Ada fitur symbol terbaca atau tidaknya
    • Ada fitur sismbol Ketika mengetik Kekurangan:
    • Design UI masih belum bagus karena saya masih belum sempat bikin designnya gimana
    • Tidak ada notifikasi aplikasi(ada lewat email tapi itu biasanya telat 5 menitan)

    Yang digunakan: JavaScript JS, JavaScript JSON, HTML, CSS, PHP, SQL

    Source Code : https://link.kelas71.xyz/2Qp9H (Nanti dibalas saya sendiri ya kapanya ada yang minta source code ketahuan di komersilkan untuk dijual)

    Sekian Terima Kasih.


  1. [http://stpndrs.epizy.com/]
    TepanUyy

    Halo semua, perkenalkan nama saya Stevan Andreas, izin ikutan showcase project lagi setelah kemarin showcase web untuk kelas saya. Kali ini mau showcase website kedua saya, yaitu website portofolio sederhana saya.

    Webnya dibuat pakai

    Link websitenya di : http://stpndrs.epizy.com/ Link Google Sheet : https://docs.google.com/spreadsheets/d/1qlQe_YPwhKqNAs5SeU6m8WHTXdbKTGCurSOE3xao-PE/edit?usp=sharing Link repo di : https://github.com/stpndrs/portofolio

    Kalau ada saran-saran, langsung dikirim di halaman contact me nya aja (biar sekalian berguna :v) terima kasih ๐Ÿ˜ ๐Ÿ˜…

    jangan dihujat kak, masih pemula


  1. [https://covid21semi.netlify.app/]
    Hash.anthz

    Assalamualaikum warahmatullahi wabarkatuh Halo teman teman anggota WPU kali saya Hasheemi (Gresik,14th) akan mengirim proyek saya yang bernama "Covid-21" Sebuah covid19 tracker , sebagai latihan akhir reactjs sebelum ke nextjs , dibuat 1,5 jam x 30 hari

    Dibuat dengan HTML , CSS JS , react , aos js , leaflet , chartjs dan lain lain

    URL = https://covid21semi.netlify.app/

    Untuk desain saya dari google dan hanya lihat preview (tidak beli) Teman teman kira kira fitur apa yang mungkin bisa ditambahkan , mohon saran dan kritik nya , terimakasih


  1. [https://wibux2.com/]
    Andre R

    Malam guys, ๐Ÿ™ izin share project bareng @Huda Damar

    Wibux2 adalah situs untuk meningkatkan kualitas gambar sekaligus mengurangi noise di dalam gambar.

    Di buat mengunakan :

    Html Css Tailwindcss Vue.Js PWA ( Progressive Web App)

    Preview: https://wibux2.com/

    Link Project: https://wibucode.com/project/posts10/

    Untuk API nya mengunakan Deepai https://deepai.org/machine-learning-model/waifu2x


  1. [https://nicewone.com/]
    Pie__XoX

    Sore chingu, izin share project akhir saya di bootcamp ๐Ÿ™niceWone adalah situs untuk undangan pernikahan secara online.

    Di buat mengunakan : Laravel 8 View Blade Backend: SbAdmin2 Template Frontend: Free HTML5 templates Made by FreeHTML5.co

    Keunggulan: Role Admin & User Verify akun by email

    Preview: https://nicewone.com/

    Link Project: https://github.com/indrysfa/invitation

    Halo frontend dev boleh kita collab ๐Ÿ‘‹๐Ÿคญ


  1. [https://githubtouch.js.org/]
    Nomad.Vins

    Hai!! izin showcase project ya...

    project kali ini berupa npm package yang bernama github-touch. package ini membantu kalian untuk berinteraksi langsung dengan API github secara mudah.

    package ini dibuat mengunakan: nodejs axios js.org (untuk docs page)

    versi (sekarang): v1.0.0 install: npm i github-touch docs: https://githubtouch.js.org/ quick docs: https://github.com/github-touch/github-touch.github.io%3C#858204275746275358hub-touch---> npm: https://npmjs.org/package/github-touch github: https://https//github.com/github-touch/github-touch.github.io required nodejs version: v16 keatas

    makasi buat yang udah download :D


  1. [http://mycode.great-site.net/]
    Nomad.PowPow.Bee

    Selamat malam semua. Izin showcase projek sederhana saya bernama MyCode. Website ini bisa digunakan untuk meyimpan dan membagikan kode seperti pastebin dan juga bisa digunakan untuk share kodingan sebelum menanyakan error daripada memoto monitor tapi memang fitunya belum sebanyak dan selengkap pastebin.

    Link :

    Projek ini dibuat menggunakan :

    • TailwindCSS 2
    • Laravel 8
    • Laravel Breeze
    • Javascript Vanilla
    • prism.js

    Untuk profil masih menggunakan API unsplash karena keterbatasan upload gambar. Sebagian text masih dummy dan untuk auth masih menggunakan default dari laravel breeze.

    Mohon maaf kalau UI/UXnya jelek, karena saya memang ingin fokus pada belajar laravelnya dulu. Kalau ada saran/error/bug bisa disampaikan.

    Note:

    1. Kalau misalnya website menampilkan blank page, kemungkinan servernya lagi down.
    2. Saat kode diedit, slug otomatis akan di update juga meskipun nama kode tidak di edit
    3. Belum ada fitur hapus password

    Terimakasih.


  1. [https://snake-and-ladder-five.vercel.app/]
    Alfirman Pahlepi

    Halo halo semua, izin showcase project web game klasik, sesuai nama web nya ini game ular tangga yang dimainkan secara online multiplayer teknologi yang saya gunakan :

    Front End

    • React js
    • Next js
    • typescript
    • tailwindcss

    Backend

    • Node js
    • Express js
    • socket.io

    masih banyak bug dan kekurangan, ntar saya perbaiki dan tambahin fitur next fitur :

    • winner section
    • animasi
    • audio

    update : winner section, audio

    gitu aja, gas pak, bapak buat room ntar invite saya ya

    link apps : https://snake-and-ladder-five.vercel.app/ link repo : https://github.com/ezza022/snake-and-ladder/


  1. [https://elvinafirmansyah.github.io/portofolio/]
    Nomad.Elvina

    Halo semua, perkenalkan saya Elvina kelas 8 smp (13 tahun), ijin share project ke 2. Website ini adalah Portofolio ke 2 sya sebenarnya saya ada portofolio pertama (masih mengikuti vidio pa dhika), nah ini Portofolio dengan buatan sya murni. Bagi yg mau contact sya boleh langsung ke form contactnya y..๐Ÿ˜Š Bagi yang mau kasih kritik/saran silakan !!

    Website ini menggunakan:

    1. HTML
    2. CSS
    3. Bootstrap
    4. Javascript

    Link: Repo : https://github.com/elvinafirmansyah/portofolio Web : https://elvinafirmansyah.github.io/portofolio/



13 November 2021

  1. [https://github.com/Myscorpions/DiscordTheme]
    ๐’ฎ๐’ธ๐‘œ๐‘œ๐“‡๐“…๐’พ๐‘œ๐“ƒ๐“ˆ

    Halo semua, perkenalkan saya Scorpio kelas 8 smp sya ijin share project pertama saya ini projoct untuk merubah tampilan website seperti youtube, discord, twitter dll tapi sya baru bikin tiga. sisah nya msi di kerjakan

    Project sya hanya menggunkan: 1.CSS Tema Disocord:https://github.com/Myscorpions/DiscordTheme Tema Youtube:https://github.com/Myscorpions/YoutubeMyTheme Tema Titok :https://github.com/Myscorpions/TikTok-My-Theme Cara Pasang Nya:https://bit.ly/3BvmsH7


  1. [https://pays.penmadlangkat.id/]
    fadlanlbs1406

    Assalamualaikum Wr. Wb. Perkenalkan nama saya M. Nur Fadlan Lubis Saya Siswa kelas XII Jurusan TKJ Saya ingin share project saya yang bernama EPAY, jadi aplikasi ini berfungsi untuk nabung atau pembayaran semua tagihan sekolah, waktu pengerjaan kurang lebih 3 hari (+Begadang), teman teman bisa akses melalui link https://pays.penmadlangkat.id/ ya.. Untuk Username dan Password Admin : AdminPusat Kalau Username dan Password Siswa : fadlanlubis Jangan Jahil dan jangan diganti passwordnya ya.. biar semua bisa akses Untuk Teknologi Dan Plugin Yang Digunakan :

    1. Laravel
    2. Bootstrap
    3. Datatables
    4. Fonts Google
    5. Feather icon
    6. Dan lain lain Github Saya https://github.com/fadlanlubis1406 Untuk Teman Teman Jangan Lupa Begadang Dan Kopinya ya.. Wassalamualaikum Wr. Wb.

  1. [https://jarh-whatmovie.vercel.app/]
    Jarrr

    Selamat malam semuanya. Perkenalkan nama saya Fajar Hidayat dan ini pertama kalinya saya ikutan ๐ŸŽจshowcase-project . Saya ingin share hasil belajar next js saya setelah mengikuti online course. Website ini cukup sederhana yang gunanya hanya untuk mencari informasi mengenai film yang telah beredar di internet. kalian bisa mencari film berdasarkan nama film, kategori, trending film, dll. web ini dibangun menggunakan teknologi:

    • next js
    • bootstrap
    • axios

    Demo web: https://jarh-whatmovie.vercel.app/ repo gh: https://github.com/fajarhidayatt/whatmovie

    Terimakasih semuanya:)


  1. [https://tanda-air-ktp.vercel.app/]
    duck.tsx

    Halo semuanya, ijin ikut meramaikan ๐ŸŽจshowcase-project . Beberapa waktu lalu saya bikin web app simple ini yang tak namain "Tanda Air KTP". Fungsinya utamanya yaitu buat ngasih Watermark di KTP kalian biar aman kalau di upload untuk menghindari di salahgunakan oknum tidak bertanggung jawab, misal buat daftar pinjol ilegal.

    Teknologi yang digunakan:

    • typescript
    • next.js
    • chakra-ui
    • react-colorful
    • react-draggable
    • react-dropzone
    • html-to-image

    Berhubung KTP ini berisi data pribadi, jadi saya bikin semua proses nya di client atau di browser tanpa dikirim kemana mana demi keamanan bersama. Berhubung juga projek ini open-source jadi bagi siapapun yang ingin belajar teknologi diatas atau mau ikut mengembangkan bisa kontribusi langsung ke repo nya dibawah ini.

    GitHub: https://github.com/mukhlisakbr/tanda-air-ktp Web: https://tanda-air-ktp.vercel.app/

    Ayo ikut berkontribusi buat tanah air lewat kode ๐Ÿ‡ฎ๐Ÿ‡ฉ


  1. [https://triangelflorist.com/]
    !xrafff

    Halo semua, perkenalkan saya Muhamad Rafli Alfarizqi kelas 2 SMK (15 tahun), ijin share project saya :3.Website ini adalah orderan dari costumer saya.bagi yang mau kasih kritik/saran silakan !!

    Website ini menggunakan:

    1. HTML
    2. CSS
    3. Javascript

    Link: Repo : https://github.com/xrafffcode/Triangel-Florist Web : https://triangelflorist.com/

    Terimaa Kasihhh !


  1. [https://www.quoteequotes.xyz/]
    ericpeweh

    Halo semuanya :), perkenalkan nama saya Eric Prima Wijaya. Ini project pertama saya setelah belajar React.js dan kali pertamanya saya ngeshare project saya di ๐ŸŽจshowcase-project.

    Project ini dibangun menggunakan stack teknologi MERN (MongoDB, Express, React, dan Node.js). Pengembangan aplikasi sekitar 1 bulanan oleh saya sendiri. Pengembangan dilakukan dengan Agile Methodology dengan 3x cycle, raw, testing, release.

    Jadi project yang ingin saya bagikan kali ini bernama Quotee, Konsep dan fungsi utama dari aplikasi Quotee adalah sebagai tempat untuk membagikan quotes sekaligus dapat berinteraksi dengan orang lain (sebagai media sosial quotes). Pengguna bisa membuat quotes, membagikan quotes (link dan foto). Untuk list fitur lengkapnya sebagai berikut:

    • Register & email Verification
    • Persistent Login
    • Forgot password, change password
    • News & Ads Carousel
    • Create quotes & drafts
    • Bad words filter
    • Download & share quotes
    • Share to social media
    • Quotes image selection / external source
    • Likes quotes
    • Favorites quotes
    • Edit, delete, archive quotes
    • User profile customization
    • Search quotes & advanced, tags search
    • Installable & push notifications
    • Daily "Quotes of the day"
    • User preferences (dark mode)
    • Share account QR & discovers
    • Background data fetch (for better user experience)

    Berikut untuk detail tautan:

    Terima kasih, Eric


  1. [https://todolist--app.web.app/]
    Arfian

    assalamualaikum padika dan teman teman nama saya Arfian ingin mengirimkan web Todolist sederhana web ini saya buat sebagai studi kasus setelah belajar vuejs 3. web ini suport PWA bisa diinstall dan dipake secara offline.

    fitur:

    • pwa
    • disimpan di localstorage, data engga hilang walau di refresh
    • udh gt aja

    dibuat pakai:

    • pwa
    • vuejs 3
    • bootstrap 5
    • javascript
    • html
    • css

    url: https://todolist--app.web.app/ repo: https://github.com/arfian-rp/vue-todolist my website: https://arfian-id.web.app/ mohon kritik dan saran terimakasih


  1. [https://fashionsapp.herokuapp.com/]
    Ioofy

    Selamat Malam, Pak dika izin share showcase sudah lama tidak showcase project hehe, Ini adalah web yang saya kembangkan bersama teman saya, Web ini adalah web e-commerce yg berbasis pada fashion saya sebagai frontend dan teman saya backendnya. Awalnya ini projekan buat nambahin portfolio saja, Lalu ada beberapa fitur diantaranya :

    • Login & Signup
    • Wishlist
    • Fitur Cart
    • Fitur Checkout
    • Rating + Comment
    • Admin Panel
    • Profile

    Dibuat menggunakan :

    Backend

    • Mongodb
    • Express
    • Nodejs
    • Paypal Payment API

    Frontend

    • React
    • FrammerMotion
    • React-loading
    • Emotion
    • Redux
    • React Icons

    Untuk UI nya adalah hasil slicing dari design yang saya buat silahkan lihat di

    https://www.behance.net/gallery/130552215/Fashions-Design-Prototype

    Repository : https://github.com/ioofy/fashionsweb

    Demo : https://fashionsapp.herokuapp.com/

    Kedepannya mungkin akan di tambah fitur dekstopApp untuk admin panelnya dan mencoba untuk mengintegrasikan dengan webnya.

    Terima kasih, kritik dan saran selalu terbuka ๐Ÿ™


  1. [https://alfazari.github.io/hantu_rsc/]
    NoName909

    project beginner

    pake: -html -css -js


  1. [https://renzien.github.io/]
    AhmadMCe

    Assalamu'alaikum Warahmatullahi Wabarakatuh, Selamat malam Pak Dhika, apa kabarnya? Semoga sehat selalu beserta keluarga tercinta.

    Halo juga semuanya yang membaca postingan saya. Semoga sehat selalu.

    Izin mau berbagi hasil kegabutan saya ๐Ÿ—ฟ . Ini website buat youtuber animator dan saya dah dapat izin buat dibagi ke sini. Cuma pake HTML dan CSS, semuanya hand coded 100% dari nol. Mohon saran dan kritiknya. :wpusiap:

    Web: https://renzien.github.io/ GitHub: https://github.com/ahmadmcer/renzien.github.io



27 November 2021

  1. [https://indibubur.netlify.app/]
    Bagus

    haloooo mau share aja,project lama sih ini sebenarnya. projectnya tentang apa? dibuka aja nanti tau sendiri hehe demo : https://indibubur.netlify.app/ github : https://github.com/bagusindrayana/indibubur

    teknologi : -html -css -js

    gak pake library lainnya

    untuk sumber assetnya ada di readme githubnya


  1. [https://iitc-2021.rifkiromadhan.repl.co/]
    ikki

    Assalamu'alaikum pak. Perkenalkan nama saya RIfki Romadhan dari SMKN 2 Purbalingga, mau membagi projek saya yang saya buat untuk lomba IITC bidang web design yang di adakan oleh universitas AMIKOM Purwokerto. Alhamdulillah saya juara 2 pada lomba tersebut:wpugege:

    Makasih pak atas semua ilmu yang bapak kasih kepada saya melalui tutorial di youtube

    Tech Stack = HTML, CSS, dan JS

    Link demo = https://iitc-2021.rifkiromadhan.repl.co/ Link repo = https://github.com/IkkiRama/IITC-2021 Bukti menang lomba = https://iitc.intermediaamikom.org/winner/2021

    Ditunggu pak review nya ๐Ÿ˜„


  1. [https://filterox.netlify.app/]
    sasakiroo

    Assalamu'alaikum pak Sandhika dan teman semuanya, semoga sehat semua.

    Perkenalkan Saya Robi Sasaki dan ini showcase kedua saya. Saya disini ingin berbagi project website. Tentunya teman-teman dan pak Dhika tahu mengenai aplikasi manipulasi seperti adobe lightroom, nah project ini konsepnya mirip adobe lightroom atau filter efek postingan pada instagram yang berfungsi menambahkan filter pada foto yang telah diupload.

    Fitur filter pada aplikasi ini meliputi: -brightness -blur -saturation -exposure -hue -vintage -sepia -lomo -clarity -sunrise

    Adapun fitur lain seperti, download dan reset.

    Demo aplikasi: https://filterox.netlify.app/ Source code: https://github.com/sasakiRoo/filterox-repo

    Project ini menggunakan: -HTML Canvas -CSS -JavaScript & camanJS (canvas manipulation JS) -box icon -google fonts

    Ditunggu pak review-nya...

    Terima kasih๐Ÿ™๐Ÿป


  1. [https://intelligenceclass.000webhostapp.com/]
    TepanUyy

    Halo warga WPU, perkenalkan nama saya Stevan Andreas dari SMK 7 Samarinda kelas 10, ijin ikutan showcase lagi, ini sebenernya web kelas yang dulu udah pernah di showcase cuman versi 2.0 nya hehe. Designnya lebih kayak ke web sekolah atau web informasi tapi yang sederhana... Webnya belum 100%, masih banyak bug/error2 di admin pagenya, crudnya juga belum rapi dan belum sempurna karna memang 95% dibuat manual + bootstrap + bantuan om2 helper wpu :v

    Link websitenya https://intelligenceclass.000webhostapp.com/

    Websitenya dibikin pakai

    • HTML
    • CSS
    • JS
    • CI4
    • Bootstrap 5

    Mohon saran2nya suhu ๐Ÿ™‚ oiya kalau ada yang minat sama webnya langsung aja contact saya hehe...

    Terima Kasih~~


  1. [https://rief.vercel.app/]
    Rifqi Rosyidi

    Halo penduduk WPU, perkenalkan namaku Rifqi Rosyidi, ijinkan saya berbagi project sederhana saya. Sebenarnya project ini cukup mudah, jika kalian sudah memahami css & tailwind. Hal utama dlam membangun website ini sya cukup bermain dengan styling tailwindcss nya, namun selain itu harus memahami React.js. Feel free to use & modify it ๐Ÿ™‚

    Hanyalah sebuah Porfolio Minimalis Sederhana.

    Link: https://rief.vercel.app/ Souce: https://github.com/rifqirosyidi/next-portfolio

    Dibangun menggunakan:

    1. Next.js & TailwindCSS

    Deployed on Vercel.


  1. [https://secretmsg.netlify.app/]
    Arfian

    Assalamualaikum pa dika dan kawan kawan, ijin share project saya yaitu Secret Message website nya mirip mirip kaya Secreto perbedaannya yg buat saya

    fiitur:

    • kirim pesan rahasia
    • hapus pesan (bagi admin)
    • kirim balasan
    • hapus balasan (bagi admin)
    • pembuat account (admin) akan menerima id yg disimpan di local storage,
    • hapus account

    project ini saya buat bersama teman saya naufal (ui nya) dan saya programnya dibuat dengan:

    • MongoDB
    • ExpressJS
    • VueJS
    • NodeJS

    website : https://secretmsg.netlify.app/ site saya : https://secretmsg.netlify.app/001001 repo : https://github.com/arfian-rp/secretmsg-app web saya : https://arfian-id.web.app/

    mohon kritik dan saran, Terimakasih


  1. [https://homjuicetest.000webhostapp.com/]
    IPE

    Halo semuanya, perkenalkan nama saya Gregoryus Imannuel Perdana (Semester 7), pertama kali ikut showcase-project, saya ingin sharing hasil latihan laravel saya yang belajar dari video Pak Dika. Sebenarnya, project yang saya buat ini juga ingin di hosting sebagai website catalog / penjualan dari usaha milik teman saya di bidang Cold-Press Juice, namun ingin lebih dipercantik dan dibuat menjadi lebih secure. Untuk pengerjaan sendiri memakan waktu sekitar 3-4 minggu.

    Website ini memiliki dashboard yang dapat melakukan Create, Edit, Show, & Delete terhadap beberapa data dan dashboard tersebut hanya bisa di akses oleh admin yang sudah didaftarkan. Mohon kritik dan saran dari Pak Dika dan teman-teman untuk membuat website ini menjadi lebih baik lagi. Untuk Repo belum bisa saya publish Pak, dikarenakan masih pengembangan dan ingin mengkomersilkan templatenya hehehe.

    Link Website: https://homjuicetest.000webhostapp.com/ Dashboard: https://homjuicetest.000webhostapp.com/dashboard

    Berikut username dan password untuk admin: Username: admin-super Password: admin

    Website ini dapat melakukan berbagai fitur di dalamnya yang dapat dilakukan oleh admin, yaitu:

    1. Create, Edit, Show, Delete
    2. Share Product / Blog
    3. Search By Name and Category

    Teknologi yang digunakan:

    1. HTML
    2. CSS
    3. Javascript
    4. Bootstrap 5
    5. Laravel 8
    6. Owl Carousel

    Link: Website: https://homjuicetest.000webhostapp.com/

    Terima kasih.


  1. [https://bersihin.co/]
    iwgx

    Halo, kebetulan saya dan teman-teman saya punya usaha laundry dan saya yang bertugas membuat websitenya di https://bersihin.co/ ๐Ÿ˜€

    Teman-teman bisa melihat informasi seputar Bersihin, bisa mendaftar jika ingin berlangganan laundry (buat sekitar Kota Bandung aja), dan bisa membaca blog seputar laundry juga.

    Kelebihan laundry nya yaitu kami pakai prosedur ketat sehingga tingkat komplain 10x lebih rendah dari laundry lain. Selain itu kami juga menerima mitra (semacam perantara) sehingga mereka juga mendapat tambahan penghasilan.

    Teknologi yang digunakan:

    • Nuxt.js, Tailwind CSS
    • Cloudflare (Hosting)
    • Firebase (Analytics, Database)
    • Prismic (CMS)

  1. [https://stg.ideasight.tech/]
    irullarif

    Assalamualaikum Pak Sandhika dan warga titik koma, Perkenaklan nama saya irullatif, izin ๐ŸŽจshowcase-project pertama saya, saya belajar Web Programing dikarenakan tuntutan kerjaan wkwkwk, sebenernya saya ga punya basic web programing sama sekali, tapi saya suka dengan dunia teknologi, saya belajar kurang lebih 1 tahun dan baru pede buat showcase project saya yg masih banyak kekurangnnya ini, Disini saya mencoba menggabungnkan Virtualisasi VR (Experience) ke web Comprof tempat saya bekerja, hampir 90% web ini bisa saya build krn dari video2 di WPU, sisanya dari youtub warga vrindavan hehe. Website ini blm selesai dan masi di satgging, krn masi ada bbrp minor update.

    Teknologi yang saya pakai :

    PHP (Login dan Register) HTML CSS, Bootstrap & Materialize ( ini masih labil ๐Ÿ˜„ ) JS particle.js Tilt.js AOS 3DVista Virtual Pro ( Untuk VR dan bisa digunakan untuk Google Street View)

    Mohon masukanya buat temen2 dsni, dan klo ada yg mau tanya2 ttg VR bisa DM saya hehe. Terimakasih..

    Link Website : https://stg.ideasight.tech/

    Akun Login : demo@ideasight.tech demo


  1. [https://refpayment.my.id/]
    !Ashley

    Assalamualikum Wr Wb Pak Sandhika @sandhikagalih dan semua warga titik koma, izinkan disini saya perkenalan diri dahulu Nama Saya Kibie Kelas 1 SMK Jurusan RPL Mau Izin ๐ŸŽจshowcase-project kedua saya di sini saya membuat aplikasi web bisnis smm panel & produk digital saya memakai program berikut ini :

    1. PHP
    2. CSS
    3. BOOTSRAP
    4. JQUERY
    5. CORE-JS
    6. JS

    LINK WEBSITE https://refpayment.my.id/

    Akun login demorefpay demodemo



4 Desember 2021

  1. [https://isometric-web.netlify.app/]
    Bagus

    hallo lagii semua, ijin untuk share lagi nih, kali ini saya coba iseng-iseng buat web dengan desain isometrik, jadi mohon saran dan kritiknya dari semua karena saya kurang jago untuk masalah ui/ux

    teknologi & library yang di pakai :

    • html
    • css
    • js
    • three js
    • gsap js
    • lineicons
    • masonry js

    asset 3D di buat dengan blender 3D asset gambar berasal dari unsplash

    demo : https://isometric-web.netlify.app/ github : https://github.com/bagusindrayana/isometric-web


  1. [https://muhamadramdani275.github.io/semesta-front/]
    sora

    Assalamu'alaikum Pak Dhika dan warga titik koma. Perkenalkan nama saya Dani, saya adalah seorang Tenaga Administrasi di salah satu sekolah negeri di Karawang, Jawa Barat. Izinkan saya mengirimkan project iseng yang saya buat untuk sekolah tempat saya bekerja. Awalnya saya terinspirasi dari sebuah CMS yang sudah digunakan oleh web sekolah tempat saya kerja namanya PopojiCMS, lalu saya iseng untuk coba buat CMS versi saya sendiri. Untuk sekarang baru tahap frontend, dan sekarang sedang membuat Admin Panelnya.

    Teknologi yg saya pake :

    1. HTML
    2. CSS
    3. Javascript

    Library/Framework yang digunakan

    1. Tailwind CSS
    2. jQuery
    3. jQueryUI
    4. slick.js
    5. SwiperJS
    6. SimpleLightbox.js

    Icon Library/Framework

    1. Bootstrap Icon
    2. IonIcon
    3. Font Awesome 4

    Link : https://muhamadramdani275.github.io/semesta-front/ Link Github : https://github.com/muhamadramdani275/semesta-front

    Mohon saran dan masukan dari para suhu semua ๐Ÿ™ Terima kasih semua.


  1. [https://gametis.vercel.app/]
    indraadikusuma

    Hallo teman-teman semua ๐Ÿ™Œ, saya ijin membagikan karya aplikasi web sederhana saya yg baru saja saya buat, yaitu "Gametis" sebuah aplikasi web sederhana untuk mencari game gratis yg keren dan menarik yang dapat di mainkan di platform PC & Browser.

    User stories yang ada pada Gametis yaitu :

    1. user bisa melihat semua list game gratis yg tersedia di halaman "Home".
    2. user bisa mencari game tertentu dengan mengetikan keyword gamenya di form pencarian pada halaman "Home".
    3. user bisa menambahkan atau menghapus game favorit dengan mengklik icon hati.
    4. user bisa melihat Top 10 game populer di halaman "Popular".
    5. user bisa memilih opsi kategori game untuk menampilkan Top 10 game populer berdasarkan kategori yang di pilih di halaman "Popular".
    6. user bisa melihat list game favorit / game yg disukainya di halaman "Favorites".

    Aplikasinya dibuat menggunakan React JS, JavaScript & CSS.

    Sumber API Games Database dari Free-to-Play Games Database (https://rapidapi.com/digiwalls/api/free-to-play-games-database)

    (Demo Aplikasinya) : https://gametis.vercel.app/

    (Source Codenya) : https://github.com/indraAK/gametis


  1. [https://zdnpl.github.io/cattype/]
    zdnpl

    Assalamualaikum Pak Dhika dan teman teman

    Perkenalkan nama saya Zidan, izin ikutan showcase project lagi nih, kali ini saya mau showcase website yang saya kasih nama "cattype", web ini terinspirasi dari monkeytype yang pasti nya memiliki tujuan untuk latihan ngetik.

    Semoga saya ngga kelupaan lagi buat hadir di acara showcase projectnya Pak Dhika.

    Website ini saya buat dengan :

    1. HTML
    2. Bootstrap
    3. Javascript

    Demo : https://zdnpl.github.io/cattype/ Repo : https://github.com/zdnpl/cattype

    Sekian dari saya, kalo ada saran atau kritik boleh di DM ya. Terima kasih.


  1. [https://danishafifsetyadiyawan12.github.io/webblog/]
    Danish Afif Setyadiyawan

    Assalamualaikum wr.wb. Nama saya Danish Afif Setyadiyawan. Izin showcase project. Project ini berupa website yang ada gamenya dan bisa dimainkan. Teknologi yang saya gunakan adalah: HTML CSS Bootstrap 4 Link Web: https://danishafifsetyadiyawan12.github.io/webblog/ Link Github: https://github.com/danishafifsetyadiyawan12/webblog/


  1. [https://fajarnurwahid.github.io/bloga/]
    Fajar Nur Wahid

    Assalamu'alaikum Perkenalkan saya Fajar Nur Wahid. Izin showcase project. Saya membuat responsive static website untuk blog, namanya "Bloga".

    Website ini di buat dengan:

    • HTML
    • CSS
    • Javascript

    Demo: https://fajarnurwahid.github.io/bloga/ Code: https://github.com/fajarnurwahid/bloga/

    Sekian dari saya, mohon sarannya supaya lebih baik lagi.

    Terimakasih.


  1. [https://twice-memory.herokuapp.com/]
    dnm17_

    Assalamualaikum pak sandhika dan teman-teman semua, nama saya Dani. izin showcase project website game sederhana yaitu memory game, dengan tema twice :twicepink:

    teknologi yang saya gunakan adalah MERN stack

    Link Web: https://twice-memory.herokuapp.com/ Link Github: https://github.com/dfsdanimaulana/memorygame/tree/twice_v2

    Fitur yang sudah ada :

    1. turns counter
    2. time counter
    3. Login/Register
    4. Game point
    5. Scoreboard

    Kedepannya bakal di tambahin level dan fitur lainnya.

    Sekian dari saya, mohon saran dan kritiknya supaya lebih baik lagi.

    Terimakasih.


  1. [https://api-saut.up.railway.app/]
    Nomad.Kucing Joker

    Halo temen-temen, Selamat siang, perkenalkan saya Saut Manurung mau share project latihan saya menggunakan AdonisJs. Website ini merupakan suatu pembelajaran REST API dengan menggunakan AdonisJS .

    Teknologi yang digunakan

    • AdonisJS versi (typescript)
    • Database Postgresql Saya Hosting di railway.app

    Berikut link repo dan demonya Demo: https://api-saut.up.railway.app/ Repo : https://github.com/sautmanurung1/belajar-api-adonis Mohon maaf jikalau masih ada banyak kesalahan


  1. [https://dbiw21.britonenglish.co.id/]
    RAFLYMLN

    Halo temen-temen semua,

    Izin ya aku mau share project dan kerjaan juga sebenernya, kali ini aku di amanahin untuk buat web event Duta Bahasa Inggris yang aku kerjain secara dadakan (fullstack, kurang lebih 2-3 jam doang sih) karena dibukanya tanggal 22 november kemarin, dikerjainnya baru jam 9 malem tanggal 21nya (karena mager) wkwkwk

    Untuk tools dan teknologi yang dipakai yaitu adalah:

    1. NextJS nothing can beat NextJS โœŠ, fitur SSG dan SSR rendering adalah hal yang sangat cocok syekali~~ untuk project seperti ini

    2. TailwindCSS apa itu bootstrap~, Tailwind memberikan opsi desain yang luas karena sifatnya sebagai pure-css-framework dibandingkan sebagai ui-kit-framework seperti bootstrap, dan kawan kawannya

    3. Typescript apa itu js~, Typescript memberikan kemudahan dalam linting code apalagi ditambah dengan plugin linter seperti EsLint, debugging menjadi 99%++ lebih sulit mudah ๐Ÿ™‚

    4. Midtrans capek kalau buat api payment sendiri

    5. Nodemailer ya buat ngirim email aja abis daftar

    6. Crypto semua data yang tersimpan di database 10000% ter-enkripsi, jaga-jaga siapa tau ada yang jebol databasenya, kalau ada, jadi perlu di decrypt dulu datanya sebelum digunakan

    kalau anda berhasil membobol database kita, selamat menebak kunci enkripsi utamanya kawan!, jangan lupa dm aku juga yak

    1. Figma buat ngedesain websitenya, kalau bikin website tapi gak di desain, rasanya kurang afdol sama outputnya nanti

    Source code bersifat rahasia, sorry kawan, tidak boleh di sebarkan :) tapi tenang aja aku ada template nextJSnya buat kalian yang mau coba: https://github.com/raflymln/nextjs-template (dibantu bintangnya ya teman-teman semuanya) *prosedur instalasi ada di situ yak, iqraaaa, dibaca dulu baru bertanya

    Cek Websitenya di: https://dbiw21.britonenglish.co.id/ *halamannya hanya ada 2 dengan halaman sponsor


  1. [https://team-vanguard-project-manager.web.app/]
    fullstack.dre

    Halo teman-teman,

    Izin sharing hasil project dari belajar React akhir-akhir ini yang diselingi padatnya tugas-tugas SMA ๐Ÿ˜† . Project pertama yang saya share kali ini adalah web-app project management sederhana yang konsepnya mirip seperti Asana. Secara singkat, web-app ini ditujukan untuk manajemen tim private dimana para anggotanya dapat membuat project, mencari project, memfilter project hingga berkolaborasi dalam chat box di tiap-tiap project. Keseluruhan website ini saya design sendiri melalui Figma dan ditujukan agar bisa menjadi responsive, dimana fitur-fitur dan struktur sitenya terinspirasi dari Asana dan beberapa showcase dari Dribbble. Project ini saya kerjakan sekitar 3 minggu yang lalu dan tepat seminggu setelahnya.

    Untuk tools dan techstack yang saya gunakan:

    1. Figma untuk wireframing dan UI design.
    2. Notion untuk planning dan development documentation.
    3. Whimsical untuk pembuatan information architecture dan userflow.
    4. ReactJS
    5. TailwindCSS
    6. Firebase (authentication, hosting, storage, firestore)

    Berikut referensi link untuk project ini:

    1. Site: https://team-vanguard-project-manager.web.app/
    2. Repository: https://github.com/fullstack-dre/team-vanguard-project-manager
    3. Instagram saya untuk update project, design dan progress mingguan saya โœŒ๏ธ : https://www.instagram.com/fullstack.dre/

    Terimakasih dan terus semangat berkarya teman-teman!!



11 Desember 2021

  1. [https://kuchingneko28.github.io/kominfo-landingpage/]
    KuchingNeko

    Halo pak dika dan warga titik koma,

    izin share project landing page sederhana w yang di buat pake vanilla html,css,js.

    ini project iseng" doang sih wkwkwk soalny bingung mau buat apa dan jg kelamaan g ngoding jadi rada" lupa gitu, skrng pengen lanjut lagi ngoding biar g lupa.

    Dibuat dengan:

    • HTML
    • CSS
    • Js

    Link: https://kuchingneko28.github.io/kominfo-landingpage/ Source code: https://github.com/kuchingneko28/kominfo-landingpage

    Mohon kritik dan saranya teman-teman, Terima kasih :D


  1. [https://fadzrinmadu.github.io/data-warehouse-home-page/]
    Aan

    Halo teman-teman,

    Izin share project website landing page, website ini merupakan hasil convert dari desain milik SLAB Design Studio yang link akunnya saya cantumin dibawah. Project ini sudah agak lama saya kerjakan tapi saya ingin sharing disini.

    Project ini dibuat dengan teknologi berikut:

    • HTML
    • CSS
    • JavaScript
    • Bootstrap 4
    • Owl Carousel
    • Figma

    Tampilannya saya buat menggunakan framework bootstrap versi 4 dengan sedikit kustomisasi. Untuk bagian carouselnya saya buat menggunakan bantuan library owl carousel. berikut saya cantumkan link projectnya:

    Link: https://fadzrinmadu.github.io/data-warehouse-home-page/ Source code: https://github.com/fadzrinmadu/data-warehouse-home-page Desain Web: https://dribbble.com/slabdsgn

    Tadinya mau share dengan desainnya tapi sayangnya postinganya udah nggak ketemu jadi saya cantumkan saja link ke akun desaignernya. Mohon kritik dan sarannya yah teman-teman, terima kasih.


  1. [https://the-lazy-media.vercel.app/]
    Inzoid

    Halo temen-temen, Selamat siang, perkenalkan saya Ikhbal Dwiyantoro dan ini pertama kalinya saya ikutan showcase-project, mau share project latihan saya menggunakan React JS. Website ini merupakan website remake dari https://thelazy.media/ web tentang media sharing games, esports dan tech news. dan untuk API nya saya menggunakan API dari mas nicola, untuk reponya bisa cek di link github dibawah.

    Teknologi yg saya pakai :

    1. HTML
    2. SCSS
    3. React JS

    Library/Framework yang digunakan :

    1. React Reveal
    2. React Icons
    3. React content loader

    Link Website : https://the-lazy-media.vercel.app/ Link Repo : https://github.com/ikhbaldwiyan/the-lazy-media Link API: https://github.com/NicolaDeastra/The-Lazy-Media-api.

    Mohon saran dan masukannya Terima kasih.


  1. [https://bmao.vercel.app/]
    cepgunz

    Halo temen-temen

    Izin share project latihan next js menggunakan fitur getStaticProps, getStaticPaths & locale. Nama projectnya BMAO (Baca Menghapal Al-Qur'an Online) di website tersebut temen-temen bisa membaca dan juga mendengarkan lantunan ayat Al-Qur'an berupa audio. Project ini di buat menggunakan NextJs dan Chakra UI dan beberapa library tambahan seperti react-icons, react-player, react-scroll & next-seo.

    Link website: https://bmao.vercel.app/ Link repo: https://github.com/joonacode/bmao-al-quran-online

    Mohon saran dan masukannya Terima kasih.


  1. [https://zuramai.github.io/starback.js/]
    saugi

    Starback.js v2.0 telah rilis โœจ

    Dengan memakai library js ini, kalian bisa bikin efek semacam salju, rainfall, starfall, dan semacamnya (di versi 1.0.0 hanya bisa bintang bergaris). Cara pemakaiannya juga gampang banget, bisa lewat CDN atau NPM.

    Zero dependencies + Lightweight

    Teknologi:

    • Javascript + HTML5 Canvas
    • Webpack

    Silakan yang mau pakai library ini di project kalian ๐Ÿ˜ƒ Github: https://github.com/zuramai/starback.js/ Demo: https://zuramai.github.io/starback.js/


  1. [https://freetoplay.vercel.app/]
    nomad.kyy

    Assalamualaikum Pak Dhika dan teman-teman semua, perkenalan lagi nama saya Rizky Ikhwan. Mau share website yang saya kerjakan di sela-sela saya mengerjakan skripsi, dengan website bernama Free Games To Play. Sebuah website sederhana yang menampilkan game gratis yang ada di PC dan Browser. Dan juga di website ini terdapat artikel seputar dunia game. Untuk datanya saya menggunakan dari API freetogame (untuk data games) dan mmobomb (untuk data artikel). Buat yang mau cobain APInya, linknya ada di readme github yang saya share ini.

    Tech & Dependencies

    1. VueJS
    2. Vuex
    3. Vue Router
    4. Axios
    5. Bootstrap/Bootstrap Vue
    6. SwiperJS
    7. Fontawesome

    Link : https://freetoplay.vercel.app/ Repo : https://github.com/rizkyikhwan/f2p-games

    Ditunggu saran dari Pak Dhika dan teman-teman semuanya, hope you guys like it!


  1. [https://mhdky.github.io/me/]
    RizzM

    Assalamualaikum Pak Dhika, perkenalkan nama saya Muhammad Rizki, saya ingin share web personal saya, web ini juga merupakan hasil pembelajaran mengenai LIGHTBOX, AOS dan GSAP di Chanel Youtube WPU. BTW terimakasih buat Pak Dhika sudah membuat tutorialnya๐Ÿ˜. Sekalian saran atau kritik jika animasinya norak atau gimana agar bisa di perbaiki lagi. Terimakasih

    Dibuat dengan :

    • HTML
    • CSS
    • AOS
    • GSAP

    Github : https://github.com/mhdky/me


  1. [https://catatasi.vercel.app/login]
    samgokongxx

    Assalamualaikum pak dika dan teman-teman. Perkenalkan nama saya sam. Saya ingin share project sampingan saya sembari kerja sebagai asn. Project ini bernama catatasi. Catatasi merupakan sebuah app berbasis web yg dibuat untuk mempermudah ibu non direct breastfeeding, atau ibu yg menyusui anaknya dengan asi perahan (pumping). Appnya simple, ibu menyusui hanya cukup melakukan input catatan asi perahan mereka setiap kali selesai memerah, dan aplikasi ini akan mengkalkulasi jumlah asi perahan pada hari tersebut. Ibu menyusui juga dapat melihat record mereka melalui menu historis. Gampangnya ini kalkulator asi wkwkwk. Btw appnya dibuka di tampilan mobile ya pak. Tampilan tablet sama pcnya amburadul wkwkwkwk. Soalnya target usernya emang mobile.

    Teknologi yg digunakan :

    Frontend (Hosting di vercel): -Nextjs -Tailwindcss

    Backend (Hosting di Railway): -Strapi (untuk keperluan generate API) -Mongodb Atlas

    Link : https://catatasi.vercel.app/login API : https://catatasi-api-production.up.railway.app/produksis (Open, No Auth)

    App ini masih banyak kekurangan seperti belum ada loading screen, validasi form, ui/ux tidak menarik, dll. Mohon masukannya pak dika dan teman teman. Terima kasih

    Repo : https://github.com/samgokongdev/catatasi https://github.com/samgokongdev/catatasi-api


  1. [http://omdb-app-hazel.vercel.app/]
    OR Abdillah

    Assalamualaikum, Halo Pak Dhika ๐Ÿ‘ perkenalkan nama saya Oka R. Abdillah, izin pak ngeshare project disini ๐Ÿ™๐Ÿป๐Ÿ™๐Ÿป . Project ini saya buat pada saat awal2 belajar Vue JS 3 dan terinspirasi sama ide project pak Dhika dulu yg bikin web pencarian film pakai omdb API . Fitur nya simpel sih pak, cuman searching film by name atau berdasarkan jenisnya seperti series atau episode dan ata tambahan buat fitur nyimpan movie favorite ke dalam bookmark . Untuk design UI project inu saya bikin sendiri pak dibantu referensi dari Dribbble. Nah, kalo pas tahap development nya saya full cuman pake handphone pak, saya pakai applikasi Acode code editor sama Termux . Berikut link repo github nya : https://github.com/or-abdillh/omdb-app

    Untuk link deploymentnya : http://omdb-app-hazel.vercel.app/ . Terima kasih banyak pak ๐Ÿ™๐Ÿป๐Ÿ™๐Ÿป


  1. [https://abubakartarsum.github.io/BookStore/]
    abu bakar

    Assalamualaikum Pak Sandhika Galih dan warga titik koma bagi yang beragama muslim dan salam sejahtera bagi warga titik koma yang beragama lain, Perkenalkan nama saya Abu bakar biasa di panggil Bakri, usia saya 16 tahun dan sekarang saya kelas 1 SMA.Saya izin share project yang pernah saya buat yaitu Responsive Book Store Web, untuk projek ini masih static, dan tujuan saya membuat website ini adalah sebagai dari hasil belajar HTML, CSS dan JavaScript dari pak Dhika dan course freeCodeCamp.

    Teknologi yang saya pakai : HTML, Vanilla CSS, dan Vanilla JavaScript

    Materi CSS yang saya pakai untuk style Website nya adalah :

    • Flexbox
    • Grid
    • css variables
    • satuan rem dan %
    • position absolute dan relative

    Framework : Swipper.js Link Website : https://abubakartarsum.github.io/BookStore/ proses pembuatannya sekitar 1 hari lebih...

    saya mohon saran dan kritikan nya supaya makin baik kedepannya... Terimakasih Pak Dhika.



18 Desember 2021

  1. [https://lazlanrafar.vercel.app/]
    Latoe

    Assalamualaikum Pak Dhika dan Teman** Titik koma, saya ingin share website porofolio saya btw ak pke web porto ini buat daftar kerja langsung diterima, hehe

    Thanks pa dhika dan helper wpu

    Inspirasi :

    1. https://gunawanahmad.github.io/ - btw, ini dari project showcase ketiga pada 31 oktober 2020
    2. https://jacekjeznach.com/

    Tools :

    • Next.js
    • Bootstrap 5
    • CloudTag js - untuk membuat animasi pada tab skill
    • classnames
    • Typescript

    Problem :

    • icon pda sidebar
    • animasi pada tab skill terkadang tdk terload

    Link : https://lazlanrafar.vercel.app/ Github : https://github.com/lazlanrafar/portofolio

    saya mohon saran dan kritikan nya supaya makin baik kedepannya.


  1. [https://webprogammerbeginner.github.io/anyweb/]
    Danish Afif Setyadiyawan

    Assalamualaikum wr.wb. Izin showcase project yang kedua, Website ini merupakan portfolio dan fitur-fitur lainnya. Bahasa Pemrograman yang saya gunakan: HTML CSS 3 Bootstrap 4 Link Web:https://webprogammerbeginner.github.io/anyweb/ Link Github: https://github.com/webprogammerbeginner/anyweb Terimakasih


  1. [https://bites-food.netlify.app/]
    _vzents

    Halo Pak Shandika dan warga WPU | Titik Koma saya ingin share project yang bertema restaurant lebih tepatnya "Katalog Restaurant" project ini saya kerjakan untuk submission akhir project Dicoding. Karena pengerjaan project ini dikerjakan native tentunya sangat membantu kedepannya untuk melanjutkan ke teknologi lebih lanjut seperti Framework, karena balik lagi "Fundamental itu penting".

    Untuk teknologi yang digunakan seperti :

    • HTML, CSS, dan Javascript
    • Eslint
    • Webpack
    • PWA (Progressive Web Apps) untuk membangun website layaknya aplikasi mobile native
    • Workbox untuk mempermudah pembangunan PWA (Progressive Web Apps)
    • Karma & Jasmine untuk Integration Testing & Test Drive Development
    • Codecept & Puppeteer untuk End 2 End Testing
    • SweetAlert untuk Popup Notification
    • Indexed DB sebagai local database

    Link Website : https://bites-food.netlify.app/ Link Repository : https://github.com/rolandopranata/bites-v2

    Masih ada kekurangan untuk dibagian search outlet / restaurant, form give feedback yang harus diload 2x agar terkirim dan dari segi API yang masih terbatas.

    Untuk kritik dan saran boleh disampaikan juga nanti ๐Ÿ™‚


  1. [https://zdnpl.github.io/cattype/]
    zdnpl

    Assalamualaikum Pak Dhika dan warga WPU, saya Zidan (zdnpl) izin ikutan showcase project lagi, mungkin ada yang masih inget sama website saya yang ini, buat yang belum tau ini namanya cattype, website latihan ngetik yang terinspirasi dari monkeytype.

    karena terakhir kali saya submit project ini disini ada saran dari pak dhika dan teman teman buat tambahin sistem login dan leaderboard, jadi saya tambahin kedua fitur tersebut.

    Teknologi yang digunakan : -HTML -Bootstrap 5 -Javascript -Sedikit jquery

    Link : https://zdnpl.github.io/cattype/ Repo : https://github.com/zdnpl/cattype

    sekian dari saya, semoga bermanfaat dan menginspirasi. terimakasih.


  1. [https://philipantony.github.io/]
    Philip

    Halo pak Sandhika, dan sahabat WPU semua. Perkenalkan, nama saya Philip Antony. Izinkan saya untuk share website portfolio sederhana saya.

    Di dalam website portfolio saya ini, saya belum mencantumkan project yang pernah saya kerjakan sebelumnya, karena website portfolio ini merupakan project pertama saya, kedepannya saya pasti akan menambahkan fitur-fitur baru pada website portfolio saya.

    Teknologi yang digunakan:

    • HTML -CSS -Javascript
    • Bootstrap 5

    Link Website: https://philipantony.github.io/ Link Repository: https://github.com/PhilipAntony/PhilipAntony.github.io

    Website yang saya buat ini pastinya masih memiliki banyak kekurangan. Saya harap teman-teman semua dapat membantu perkembangan saya dengan memberikan beberapa saran dan kritikan, supaya saya dapat membuat website yang lebih menarik kedepannya. Sekian terimakasih ๐Ÿ™


  1. [https://smknkejobong.sch.id/]
    Chopper

    Assalamualaikum Pak Sandika dan teman teman Pasukan ;. Perkenalkan Nama saya Drian panggilan discord Chopper ๐Ÿ˜…. Izinkan saya untuk share website instansi sekolah saya yang saya buat menggunakan.

    • WordPress
    • Plugin Elementor Pro

    Template tersebut saya buat manual menggunakan plugin elementor.

    Link Website: https://smknkejobong.sch.id/ Untuk repository ada, tetapi belum saya update jadi tidak saya sertakan.

    Ini adalah pertama kalinya saya membuat website dan di pakai oleh sekolahan saya, meskipun permintaan sekolah menggunakan wordpress dan meskipun masih banyak kekurangan tidak membuat saya patah semangat. Mungkin next projects saya buat website negara pake laravel ๐Ÿ˜€. Sekian terimakasih ๐Ÿ™๐Ÿป. Github: Drian-key(masih kosong)


  1. [https://vplayground.netlify.app/]
    mstrdp

    halo, pak sandhika galih dan sahabat wpu semua, kenalkan nama saya achmat fauzi, bisa dipanggil oji. mohon izinnya sharing / showcase projek simple saya. projek yang saya mau share kali ini, projek visual musik menggunakan threejs. terinspirasi dari threejs, bruno simon, generative art, dan beberapa website yang memakai threejs. webapp ini dibuat dengan maksud menyampaikan kesan nostalgia, santai, damai, dan soothing. sembari saya belajar threejs dan membuat website, saya latih kemampuan kreatifitas saya membuat webbapp ini, dari sketch, model 3d, musik sampai hasil akhir.

    // Teknologi / tools yang dipakai

    1. html, css, js
    2. three.js
    3. gsap
    4. blender
    5. krita , gimp
    6. flstudio

    // problem

    1. berat
    2. z-fighting (beberapa device)

    // links web: https://vplayground.netlify.app/ github: https://github.com/ymmycode/playground

    ini projek baru langkah awal saya, jadi masih banyak kekurangannya. demi mendorong perkembangan saya, kritik dan saran diperkenankan.


  1. [https://cryptonesia.vercel.app/]
    fadil_kun

    Assalamualaikum pak dika. saya ingin share salah satu project portfolio saya yaitu cryptonesia. seperti namanya web ini adalah tempat mencari informasi tentang harga koin, berita & exchange dari seluruh dunia disini saya menggunakan API dari coingecko.

    untuk teknologi nya disini saya menggunakan :

    • reactjs
    • tailwindcss
    • reduxtoolkit (untuk mengolah state management)

    dan berberapa libary js lain ๐Ÿ˜…

    link website : https://cryptonesia.vercel.app/ link repository: https://github.com/fadilkun45/cryptonesia

    saya yakin masih banyak yang harus dibenahi mungkin ada berberapa saran dari bapak atau kawan kawan terimakasih GitHub


  1. [https://kalkulator-dhans.netlify.app/]
    dhan's 9th

    Assalamualaikum pak shandika, saya izin kirim project Kalkulator Neumorphism.

    Teknologi nya sederhana :

    • HTML 5
    • CSS 3
    • JavaScript DOM

    Link website kalkulator : https://kalkulator-dhans.netlify.app/

    Link Repository : https://github.com/RamadhaniRiparro/Kalkulator-Neumorphism

    Link portfolio saya : https://ramadhaniriparro.github.io/portfolio-dhani/

    Silahkan koreksi dan saran nya agar saya bisa memperbaiki kesalahannya dan mengupdate nya menjadi lebih baik, Terimakasih ๐Ÿ™


  1. [https://dvnkz-messenger.netlify.app/]
    Devanka

    Halo, pak DIka dan teman-teman WPU. Saya ingin share salah satu project saya yaitu Live Messenger Sederhana. Live Messenger ini berbasis web menggunakan login email yang disertai dengan fitur-fitur yang cukup mainstream, kurang lebih sama dengan chat app lainnya.

    Fitur-fitur:

    1. Mengganti Username, Bio/Tentang, Foto Profil
    2. Chat Pribadi, Grup Chat, & Global Chat
    3. Feed/Postingan/Story
    4. Pesan suara dan gambar pada chat
    5. Menarik/Menghapus Pesan
    6. Background Chat
    7. Tema (Light/Dark)
    8. Menghapus Akun

    Rencana Selanjutnya:

    1. Blokir User
    2. Request Friend/Remove Friend/Reject Request
    3. Voice Call & Video Call
    4. Customize Tema Sendiri dll

    Yang Digunakan:

    1. HTML
    2. CSS - dikerjakan oleh pacar saya
    3. Javascript
    4. Firebase
    5. Font Awesome

    Link Live Messenger: https://dvnkz-messenger.netlify.app/ Link Repo: https://github.com/devanka761/messaging

    Saya baru belajar Javascript.. Maaf kalo js nya berantakan hehe. Kritik & masukan sangat saya butuhkan buat perkembangan + perbaikan kedepan. Makasiiih..



26 Desember 2021

  1. [https://spacewalk.auroraweb.id/]
    Ariqh

    Assalamualaikum pak dan temen-temen semua. Saya ingin share project lomba Web Design saya dan tim, yaitu Space Walk. Space Walk merupakan sebuah web yang berfokus pada ilmu astronomi dasar, seperti tokoh astronomi, rasi bintang, objek langit dan spaceship.

    Alasan pembuatan situs ini:

    1. Meningkatkan minat siswa - siswi Indonesia di bidang astronomi
    2. Membantu orang - orang yang ingin mengetahui dasar dari ilmu astronomi

    Teknologi yang digunakan:

    1. Vue.js
    2. Express (API)
    3. Three.js (Untuk pembuatan tata surya)

    Untuk beberapa fiturnya:

    1. Dark Mode
    2. PWA
    3. Multiple Language (Inggris, Indonesia)
    4. 3D Object Model (Halaman Sky Object)

    Link website: https://spacewalk.auroraweb.id/

    Note: Agar saat membuka halaman sky object tidak terlalu lag, temen-temen bisa aktifkan hardware acceleration di web browser.

    Mohon kritik dan sarannya, terima kasih ๐Ÿ˜„


  1. [https://cerdasjuwandi.github.io/lowbudgetwebsitecreator/]
    Cerdas Ft Gusion

    Assalamualaikum wr,wb selamat pagi pak sandhika galih dan semua warga barbar WPU. perkenalkan nama saya CERDAS G LESMANA, izin mau ikutan showcase untuk pertama kalinya. website yang saya bagikan ini merupakan hasil pengembangan dari berbagai ilmu yang pak dika berikan melalui episode ngobarnya di youtube.

    teknologi yang saya pakai :

    1. HTML
    2. CSS
    3. sedikit VANILLA JS
    4. sedikit AOS
    5. BOOTSTRAP 5

    Link website : https://cerdasjuwandi.github.io/lowbudgetwebsitecreator/

    link repository : https://github.com/cerdasjuwandi/lowbudgetwebsitecreator

    saya menyadari masih banyak kekurangan dari website yang saya buat terlebih lagi pada mobile versionnya masih berantakan. mohon saran dan kritiknya dari teman teman semua agar memajukan lagi ilmu yang saya punya. terima kasih


  1. [https://company-project-materialize.netlify.app/]
    dhan's 9th

    Assalamualaikum warahmatullahi wabarokatuh

    Permisi izin kirim project Company Profile. Project ini saya bikin setelah menonton video pak shandika tentang Materialize CSS. Untuk Project nya kalau bisa Dibuka dalam Ukuran Desktop bukan mobile karena belum saya custom. Oiya project company profile ini saya buat dengan referensi dari Web : https://www.choosesteel.ca/

    Ini Link project nya : https://company-project-materialize.netlify.app/

    Ini source code nya : https://github.com/RamadhaniRiparro/Materialize-CSS-1

    Teknologi :

    • HTML
    • CSS
    • JS
    • Materialize CSS

    Terimakasih ๐Ÿ™


  1. [https://fahmiidris.vercel.app/]
    Fahmi Idris A

    Assalamualaikum Wr. Wb. Selamat malam semua nya, para WPU subs dan pak Sandhika Galih.

    Izin share project profile pribadi hasil belajar react js. Teknologi yang aku guain yaitu :

    • Next.js
    • TypeScript
    • Tailwind CSS v.2
    • Framer Motion
    • dll

    Berikut Link nya : Github : https://github.com/fahmiidris-labs Link Repo nya : https://github.com/fahmiidris-labs/fahmiidris.dev Link Project Profile Pribadi nya : https://fahmiidris.vercel.app/

    Terimakasih semua nya ๐Ÿ™๐Ÿผ๐Ÿ™๐Ÿผ๐Ÿ™๐Ÿผ


  1. [https://drive.google.com/file/d/1CeaaMDqR8iT7YtHrzY1gr12DAhRI4vm7/view?usp=drivesdk]
    MikuniTensai

    Assalamualaikum wr. wb selamat malam pak Sandhika Galih dan warga barbar WPU. perkenalkan nama saya Mochamad Yusuf mahasiswa dari Institut Teknologi Nasional Malang, izinkan saya ikutan showcase untuk pertama kalinya juga. Game yang saya bagikan ini merupakan hasil yang saya gunakan untuk pembuatan skripsi yang nantinya akan saya kembangkan ke beberapa platform yang tentunya saya sadar masih banyak kekurangannya. tentu saja saran dan kritik dipersilahkan. Pembuatannya membutuhkan waktu 5 bulan bisa langsung didownload, linknya dibawah dan link demo yang saya bagikan merupakan hasil dari demo bulan lalu.

    Judul gamenya The Meet kalau dibaca bahasa jawa bisa jadi Demit nah kalau semisal digabungkan jadi The Meet Demit yang artinya bertemu dengan hantu. Game ini bergenre first person survival.

    kepoin : ig: mikunitensai

    Jangan lupa bantu saya untuk isi form berikut ya teman" : https://forms.gle/proZ5XFSGdpQq2xa6 dan https://forms.gle/gi9ftkQc6HmDsZCF7

    Teknologi yang saya pakai :

    1. Unreal Engine Terbaru Blueprint C++
    2. Adobe Premier
    3. Adobe Photoshop
    4. Faceware Studio
    5. Bridge
    6. Fuse
    7. Blender
    8. Metahuman
    9. Audacity

    Link download : https://drive.google.com/file/d/1CeaaMDqR8iT7YtHrzY1gr12DAhRI4vm7/view?usp=drivesdk (5GB SIZE) Sambil download bisa dicek teknologi yang saya pakek pak wkwk

    Spesifikasi rekomendasi Processor : i5 GPU : VRAM 2GB RAM : 8GB 5GB Storage HDD/SSD Rekomendasi

    Mungkin cuma itu saja pak yang bisa saya bagikan. dan saya ucapkan terimakasih untuk warga WPU.


  1. [https://iodev.vercel.app/]
    saiful-akbar

    Assalamualaikum.

    Hello teman-teman WPU, semoga semua dalam keadaan sehat selalu.

    Perkenalkan saya Saiful. Izin share hasil project website portfolio yang telah saya dan teman saya Novan @404 buat. Project ini hanya website statis untuk menampilkan hasil project yang telah saya buat sebelumnya.

    Adapun teknologi yang saya gunakan untuk mengembangkan website ini adalah sebagai berikut:

    Teknologi

    • HTML
    • CSS
    • Javascript
    • Figma

    Library / Framework

    • React JS (pengembangan antar muka)
    • Material UI (react ui component)
    • Framer Motion (animasi)
    • Redux (state management)
    • SASS (styling)
    • Vercel (hosting)

    Link Repo: https://github.com/saiful-akbar/io-dev

    Link Website: https://iodev.vercel.app/

    Mohon kritik dan sarannya dari teman-teman semua untuk menambah wawasan, ilmu dan pengetahuan saya.

    Terima kasih.


  1. [https://albirru.netlify.app/]
    ||Hide||

    Assalamualaikum, halo pak sandika dan mahasiswa WPU,

    Permisi perkenalkan saya ||HIDE||/ Haidar siswa kelas 9, izin mengirim project portfolio untuk toko orang tua saya, mohon maaf gaada reponya soalnya githubku error ( katanya can't found remote gitu). itu productnya blum lengkap hehe ( yg buat ayahku imgnya, harganya blum valid juga) klo mau yg valid jangan lupa dikepoin ig sama fbnya, langsung cus dibeli productnya. ๐Ÿ˜€ Aku ngerjain project ini cukup memakan waktu lama sekitar 2 bulanan ( maklum pemula), 2 minggu sekali buatnya, dan butuh waktu lamaa selesainyaa

    Teknologi yang ku pakai:

    • HTML
    • CSS
    • JS
    • framework yang lumayan banyak : )
    • Animate pkai AOS

    link project: https://albirru.netlify.app/ Terimakasih ๐Ÿ™


  1. [https://github.com/slowy07/clifter_highway]
    arfy.slowy

    Selamat malam pak dhika, kembali lagi, kali ini saya ingin showcase project saya and luminette, athallamajid di bidang transportasi, yang sebelumnya sudah di bidang kesehatan, kesenian, industri. kali ini saya ingin showcase sebuah project yang menggunakan CNN, (convolutional neural network) yang saya improvisasi kembali untuk project saya (mengembangkan CNN dan algoritma lainnya dengan versi tersendiri), nama project saya bernama clifter highway yang dimana, sebuah kendaraan akan otomatis berjalan dengan sendirinya tanpa sentuh tangan dari user, problem yang sering terjadi pada sistem auto driving atau autonomous car adalah dmana sebuah objek kendaraan lain bergerak secara random atau acak, maka dari itu membutuhkan beberapa sub task yang harus dipenuhi yaitu deteksi objek, identifikasi objek, serta pergerakan objek dan prediksi pergerakan objek, sistem dari auto driving ini sistemnya circular dimana setiap observasi diproses ke dalam sistem kemudian melakukan aksi kemudian berulangan kembali, disni juga saya menggunakan svm atau support vector machine yang merupakan bagian dari pattern recognition algorithm, kemudian saya juga menggunakan gradient boosting yang merupakan bagian dari decision matrix algorithm, yang dibuat versi saya sendiri.untuk selebihnya bisa dilihat pada paper,dll serta demo online sederhana dari self auto driving dari clifter highway bisa di cek pada repositori saya dibawah ini https://github.com/slowy07/clifter_highway teknelogi yang digunakan:

    • pytorch (stable baseline)
    • pygame
    • gym note: untuk beberapa yng ingin pull request dipersilahkan, dan free untuk semua kalangan, serta bagi yang ingin belajar ilmu machine learning, deep learning, dll, disarankan untuk tidak melompat2 supaya ilmu yang didapat lebih efektif, serta untuk proses demo agak sedikit memakan waktu, untuk hasil jadi bisa dilihat pada folder output dan di documentation/output_dat.

    note: ibu saya nonton setiap saya showcase project :v terima kasih pak dhika


  1. [https://arpracreative.com/]
    Aldi Tegar Prakoso

    Halo pa Sandhika dan teman-teman,

    Izin share project website blog saya yang di buat menggunakan Hugo. Nama blognya adalah Arpra Creative, yang memuat sebuah konten berupa artikel dan video. Untuk video ini di ambil dari channel youtube yang saya embed ke blog ini.

    Berikut adalah linknya :

    https://arpracreative.com/

    Untuk source codenya tidak saya publish untuk umum, jadi kalau teman-teman ingin mencoba membuat blog pribadi menggunakan Hugo bisa ke channel Sekolah Koding dari Mas Hilman.

    Follow juga ig Arpra Creative :

    https://www.instagram.com/arpra.creative/

    Terima Kasih sebelumnya


  1. [https://ridoarap.github.io/drum-virtual/]
    ridohakiki

    assalamu'alaikum wr.wb

    Hallo teman-teman wpu,semoga semua dalam keadaan sehat selalu

    perkenalkan saya muhammad ridho hakiki. ingin share project virtual-drum yang telah saya buat, project ini belum respounsive.

    Teknologi yang digunakan: -HTML -CSS -JAVASCRIPT

    Berikut linknya: Github: https://github.com/ridoarap/drum-virtual link reponya: https://ridoarap.github.io/drum-virtual/

    Mohon kritik dan sarannya dari teman-teman sekalian untuk menambah wawasan,dan ilmu pengetahuan.



1 Januari 2022

  1. [https://benas-coffee.netlify.app/]
    HudYA

    Hallo mahasiswa wpu, perkenalakan nama saya hud yusuf atsigah. izin share project coffee shop website template untuk sepupu saya , tolong saran dan masukan sebelum saya kasih liat project ini ke sepupu saya

    Teknologi -HTML -CSS -Javascript

    Library/Framework -swiper.js

    Link Website:https://benas-coffee.netlify.app/

    Terima-kasih ๐Ÿ™


  1. [https://foxxydevs.netlify.app/]
    James Watt

    Hallo semua, Izin showcase lagi pak, saya ingin showcase landing page organization digithub dengan metode slicing dari figma ke codingan jadi rencananya saya ingin bangun organisasi opensource yang didalamnya terdapat repo untuk pembelajaran UI framework nya seperti react, vuejs, svelte dll, dan awalnya untuk pembelajaran slicing design dari figma.

    Link : https://foxxydevs.netlify.app/ Repo : https://github.com/foxxydevs Design Figma : https://www.behance.net/gallery/132903639/Foxxydevs

    Web ini blm sepenuhnya jadi masih ada link yang belum terupdate bagi kalian yang pengen belajar kontribusi di organisasi ini silahkan, karena organisasi yang dibuat ini sangat terbuka kalian tinggal fork lalu PR ke kita. atau kirim pesan melalui webnya.

    Teknologi:

    • GSAP
    • Typescript React
    • Emotion [CSS in JS]
    • Email.js
    • Core.js
    • Plausible Analytics

    AYO OPENSOURCE โค๏ธ


  1. [https://muryp.my.id/]
    muryp

    Assalamu'alaikum wr.wb

    Hallo pak Dika dan teman-teman sekalian.

    Perkenalkan nama saya Alief Prihantoro, disini saya ingin share blog pribadi saya.

    Oh ya, jika ada kendala masalah tampilan di desktop, mohon maaf. Soalnya ini saya coding dari hp

    Technology dan tools :

    • HTML
    • SASS/SCSS
    • ES6/JS
    • BASH (sedikit)
    • HUGO(backend)
    • NVIM(code editor)
    • NETLIFY (hosting)
    • Disqus Comment

    Fitur :

    • Load More
    • Live Search
    • Komentar

    Link blog : https://muryp.my.id/ Link repo : https://github.com/alifprihantoro/muryp-new

    Terima Kasih~


  1. [http://pakuwojo.rf.gd/]
    saifuddien_

    Assalamualaikum warahmatullahi wabarakatuhu.

    saya Arief dari Jepara, kuliah di International University of Africa (IUA) Sudan fakultas islamic studies. sudah lama mengikuti pak dhika. alhamdulillah sekarang udah selesai php.

    dan saya ingin berbagi project iseng saya, saya beri nama pakuwojo. pakuwojo adalah salah satu organisasi kekeluargaan yang ada di sudan.

    project ini hanya dibuat dengan :

    • HTML -CSS -JS

    features:

    • dark mode
    • smooth scroll
    • tab, mobile mode

    web : http://pakuwojo.rf.gd/ github : https://github.com/saifuddien/project/

    semoga memotivasi temen2 yang baru belajar programing meskipun tidak kuliah IT.

    saya tertarik dengan coding, karena ada temen africa dari nigeria seangkatan kuliah di fakultas IT jago coding, akhirnya saya mulai belajar dengan dia.

    baarakallahu fikum


  1. [http://iyanfatur1412.github.io/zenplayers]
    iyanfatur

    Assalamualaikum,

    Izin share project yg saya buat, website yg dibuat adalah website pemutar musik

    Dibuat dengan: -Html -Css -Javascript

    Link: Github pages : http://iyanfatur1412.github.io/zenplayers

    Kalo bisa minta sarannya agar bisa lebih bagus lagi

    Terima kasih


SPONSOR

  1. [https://rizkicitra.my.id/]
    Rimara

    Selamat pagi teman-teman WPU, izin share personal website saya.

    Tujuan bikin website ini adalah pesonal branding dan juga buat sharing knowledge atau pun curhatan pribadi saya (menulis artikel), jadi pada dasarnya rumah saya di Internet lah, ๐Ÿ˜†.

    Stack:

    • React.js( Preact for Production)
    • Next.js
    • Tailwind CSS
    • Strapi
    • etc.

    untuk production bisa dilihat di https://rizkicitra.my.id/

    codenya bisa dilihat di https://github.com/rizkimcitra/rizkicitra


  1. [https://storypedia.netlify.app/]
    Buleeeeee

    Hallo semuanya, perkenalkan nama saya faldi atau biasa disapa dengan Buleeeeeee. Saya ingin share project lagi yang saya buat sendiri. Web ini dibuat untuk mengukur kemampuan saya dalam memahami stack-stack yang saya pakai, dan agar terhindar dari tutorial hell.

    Web ini dibuat dengan teknologi MERN stack.

    • MongoDB
    • ExpressJS
    • ReactJS
    • NodeJS

    Seluruh pembuatan web ini menggunakan layanan yang 100% gratis, jadi kalau loadingnya lama harap maklum ya.

    Masih ada beberapa bugs, dan kedepannya akan ditambahkan fitur lagi.

    Web : https://storypedia.netlify.app/ Github : https://github.com/faldibule/storypedia


  1. [https://youthful-bose-d74d03.netlify.app/]
    vinopalebangan

    Assalamu'alaikum wr.wb

    Hallo Pak Sandhika Galih dan Warga WPU

    Perkenalkan nama saya Vino, disini saya ingin share project portfolio saya

    didalam nya terdapat nama saya, skill saya, dan contoh-contoh hasil project.

    Technology :

    • HTML,
    • CSS,
    • Bootstrap 5, dan
    • JS

    Link website : https://youthful-bose-d74d03.netlify.app/ Link repository : https://github.com/joanvino/Portfolio

    sekian dan Terima Kasih Semuanya~


  1. [http://kimiaxbindo.epizy.com/]
    dapa

    Assalamualaikum warahmatullahi wabarakatuh

    Perkenalkan nama saya Daffa Aryasatya dari SMAN 31 JAKARTA kelas 12 Projek ini berawal dari tugas kolaborasi antara kimia dan bhs indo dengan membuat artikel kimia, lalu saya berinisiatif utk membuat web supaya dpt nilai tambahan dan menguji kemampuan Web Development yg saya miliki.

    Teknologi : -HTML -CSS -JS -Bootstrap -GSAP -Particles.js -AOS

    Link: http://kimiaxbindo.epizy.com/ Repo: https://github.com/daffaaryapp/kimiaXbindo31

    Terima Kasih Pak Dhika


  1. [https://web-school-template.netlify.app/]
    TepanUyy

    Halo Pak Dika dan kawan-kawan, perkenalkan saya Stevan Andreas dari SMK 7 Samarinda kelas 10... Ijin ikutan showcase lagi yang..... ke 3 atau ke 4? lupa hehe... kali ini saya ikutan showcase web template sebenernya lebih spesifik ke web template untuk sekolah yang biasa2 aja sih...

    Webnya di bikin pakai

    • HTML
    • CSS
    • JS
    • Bootstrap
    • Swiper JS
    • Particle JS

    Web ini saya jual untuk sebagai template, tapi kalau misalnya ada yang berminat terus mau request minta ditambahin fitur apa, semoga saya bisa buat hehe.... Terus karna webnya masih cuman frontend (only template/tampilan) kalau misalnya ada yang minat terus minta sekalian dibikinin untuk backend nya mungkin saya bisa buat....

    Untuk portofolio saya di http://stpndrs.epizy.com/ kalau mau menghubungi bisa lewat email yang ada disitu...

    Link websitenya di https://web-school-template.netlify.app/, dan untuk source code nya di repo saya gak kasih karna pengen dijual webnya hehe...

    Mohon saran-sarannya teman-teman, Terima Kasih~~



9 Januari 2022

  1. [https://smbrang.github.io/demo-operator-javascript/]
    _muss

    Halo pak Sandhika Galih dan teman-teman,

    Izin ikut showcase-projectnya lagi pak, pada showcase ini saya ingin share web sederhana dengan nama DEMO OPERATOR JAVASCRIPT, website ini adalah website iseng-iseng dan sekalilgus latihan saya dalam belajar menggunakan operator javascript, walaupun web nya gak guna2 amat, karena kita bisa buka diconsole heheheโ€ฆ

    dibuat dengan :

    HTML CSS JAVASCRIPT BOOTSTRAP 5

    Link web : https://smbrang.github.io/demo-operator-javascript/ Link repo : https://github.com/smbrang/demo-operator-javascript

    Terima kasih pak, teman-teman. GitHub


  1. [https://hn.aliif.space/github-activity-generator]
    aliif

    assalamualaikum warahmatullahi wabarakatuh

    Halo semua, Perkenalkan nama saya Aliif Arief. Projek ini saya buat karena ingin menghibur diri setelah UAS semester 1 ini, ini sebenarnya simpel proyeknya jadi saya bikin github activity generator, jadi dengan program ini kita bisa memanipulasi timeline activity GitHub kita agar terlihat sangat konsisten dan aktif setiap hari jadi hijau semua gitu, cara pakenya ada di file README repo, cara kerja programnya ada di blog Hashnode saya

    Teknologi : -Python -Git

    Repo : https://github.com/aliifam/github-activity-generator

    cara kerja: https://hn.aliif.space/github-activity-generator

    Terima Kasih Pak Dhika


  1. [https://play.google.com/store/apps/details?id=com.wibucode.wibux2]
    Andre R ๐Ÿง

    Hallo semuanya ๐Ÿ‘‹

    Izin share project bareng kita @Huda Damar#7599

    Masih sama dengan showcase kemarin yaitu Wibux2. Namun dengan konsep yang berbeda.

    Kali ini kita mengunakan TWA ( Trusted Web Activity ) sama kayak PWA yang berjalan di atas Chrome, tetapi yang membedakanya TWA bisa upload di Playstore dan di jalankan layaknya App Native. Size nya juga ringan.

    Description: Wibux2 merupakan aplikasi yang berfungsi untuk menghilangkan Noise pada gambar. Sama seperti Waifu2x, ini juga mengunakan API dari Waifu2x sehingga secara fungsional sama.

    Xampple image: https://anonfiles.com/10lbO0k2w4/images_40_jpeg

    Untuk link App nya: https://play.google.com/store/apps/details?id=com.wibucode.wibux2


  1. [https://renzichwan.github.io/project/]
    Nguyen Thu Wann

    Halo pak Sandhika Galih dan teman-teman,

    Izin ikut showcase-projectnya lagi pak, Belajar make anime.js juga sebenarnya dibuat dengan :

    HTML CSS JQUERY ANIME.JS

    Link web : https://renzichwan.github.io/project/ Link repo : https://github.com/renzichwan/project

    Terima kasih pak, teman-teman.


  1. [https://abdmmar.github.io/wc-toast/]
    Ammar

    ๐Ÿ‘‹๐Ÿป Hallo semuanya, izin showcase project. Baru-baru ini belajar tentang web component dan coba bikin komponen sederhana buat tau gimana cara kerjanya. Karena sering pake react-hot-toast akhirnya nyoba buat implementasiin pake API dari web component dan coba share komponennya di NPM. Barangkali ada yang butuh komponen notifikasi di proyek Vue, Svelte, atau Reactnya, bisa banget buat cobain ini karena ini framework agnostic.

    Beberapa fitur yang ada: โœ๐Ÿป Easy to use ๐ŸŒ Use anywhere you like - React? Vue? Svelte? Everywhere! ๐Ÿ‘‹๐Ÿป Emoji and SVG Support ๐ŸŽจ Customizable โœ… Accessible - Tested using Windows 10 Narrator ๐Ÿƒ Lightweight - Only ~3.6KB Minified+Gzipped including styles ๐Ÿ’™ Dark Mode

    ๐Ÿ’พ Repository: https://github.com/abdmmar/wc-toast

    ๐Ÿ’ป Demo: https://abdmmar.github.io/wc-toast/

    Any review, issues, and feedback on how it could be improved or any addition would be appreciated! Terima kasih


  1. [https://fadzrinmadu.github.io/insure-landing-page/]
    Aan

    Halo teman-teman,

    Izin share project website landing page, project ini merupakan salah satu challenges dari web frontendmentor.io. Di website tersebut kita bisa memilih challenges yang mau diselesaikan dan nantinya akan diberikan starter code + file design. File design yang diberikan berupa gambar, kalau mau download file figma/sketchnya harus daftar jadi pro member. Berikut daftar teknologi dan tools yang digunakan untuk project ini:

    • HTML
    • CSS
    • JavaScript
    • Figma

    Project ini dibuat menggunakan html, css dan javascript. Khusus css saya tulis dengan bantuan SASS. Untuk membuat tampilan web yang sesuai dengan desain yang sudah diberikan saya menggunakan bantuan figma. berikut saya cantumkan link projectnya:

    Link: https://fadzrinmadu.github.io/insure-landing-page/ Source code: https://github.com/fadzrinmadu/insure-landing-page Web Challenges: https://www.frontendmentor.io/challenges/insure-landing-page-uTU68JV8

    Mohon kritik dan sarannya yah teman-teman, terima kasih.


  1. [https://ariq2901.vercel.app/]
    ! Ariq Jusuf

    Halo pak dhika dan kawan-kawan,

    Saya izin ikut showcase projectnya pak, berikut ini link website portfolio sederhana saya :

    https://ariq2901.vercel.app/

    Website ini dibuat dengan framework Next JS & library framer motion, barangkali ada yg tertarik dengan library nya : https://www.framer.com/motion/

    Terima kasih!


  1. [https://ahznimation.github.io/NewYearCountDown/]
    ! Ahz Nimation

    Halo Pak Dhika dan teman-teman WPU, izin ikut showcase project ya.

    Perkenalkan nama saya Ahza kelas 7, ini pertama kalinya saya ngirim project ke Showcase Project. Awalnya saya ingin mengirimkan Website Portfolio saya terlebih dahulu, tetapi karena sudah dekat dengan tahun baru, saya ingin mengirimkan Website New Year Count Down saya terlebih dahulu. Mungkin masih banyak bug di websitenya soalnya saya juga masih belum selesai nonton tutorial JS dasar di channel WPU. Berikut daftar teknologi dan tools yang digunakan untuk project ini:

    • HTML
    • CSS
    • JavaScript

    Berikut link projectnya:

    Link: https://ahznimation.github.io/NewYearCountDown/ Source code: https://github.com/AhzNimation/NewYearCountDown Fire Work Source Code: https://codepen.io/whqet/pen/Auzch


  1. [https://github-leaderboard.vercel.app/]
    Kapiten Pattimura

    Assalamualaikum pak Sandhika Galih (Top 1 dengan followers Github terbanyak SEINDONESIA ๐Ÿ‘๐Ÿป), para om, tante helper, dan kawan semuanya.

    Perkenalkan saya Feri Irawan kelas 9 SMPN 40 Bulukumba. Oke setelah beberapa pekan absen dari acara showcase yang GG ini, saya mohon izin untuk showcase projek yang kelima kalinya, yakni projek gabut yang open source bernama Github Leaderboard API

    Sesuai namanya, projek ini berisi data tentang:

    • Pengguna, yaitu pengguna dengan followers, repositori, commit, dan kontibusi terbanyak di github (baik secara global maupun bedasarkan lokasi)
    • Repositori, yaitu repositori dengan jumlah stars, forks, size terbanyak di github
    • Topik, yaitu topik dengan jumlah repositori terbanyak di Github
    • yang lain akan menyusul ๐Ÿ˜„

    Github Leaderboard API

    Repo URL: https://github.com/feri-irawan/github-leaderboard-api Web URL: https://github-leaderboard-api.vercel.app/

    Dibuat dengan:

    • NodeJS
    • Fastify
    • Sisanya cek dependensi ๐Ÿ™๐Ÿป

    Github Leaderboard Web (Demo & Docs)

    Repo URL: https://github.com/feri-irawan/github-leaderboard-web Web URL: https://github-leaderboard.vercel.app/

    Dibuat dengan:

    • NextJS
    • TailwindCSS
    • Sisanya cek dependensi ๐Ÿ™๐Ÿป

    Mohon masukannya pak Sandhika Galih dan kawan" semuanya.

    Jangan lupa follow, stars nya kawan"โญ , dan ingat ini open source siapa pun boleh ikut berkontribusi di repo API atau pun repo WEB projek ini.

    Terima kasih semuanya.


  1. [https://quranin.gatsbyjs.io/]
    ShiRo

    Hi Penduduk WPU,

    Halo, Rifqi disini dan ini adalah quranin, sebuah aplikasi qur'an sederhana, terinspirasi dari aplikasi mobile quranly. aplikasi ini masih sekedar prototype dan belum ada fitur-fitur lengkap, namun untuk main feature seperti membaca alquran sudah bisa berjalan dengan baik (semoga saja) selain itu masih terdapat banyak bug juga ๐Ÿ™‚

    Pada saat awal membangun aplikasi ini saya berencana menggunakan Next.js, dan semua berjalan dengan lancar. Tetapi karena aplikasi ini membutuhkan kecepatan, karena untuk setiap ayat kita harus melakukan request ke server di Next.js. Memang terdapat static generation menggunakan getStaticProps & getStaticPath, tetapi karena alasan tertentu saya tidak bisa mengaplikasikannya ke website.

    Jika menggukanan serverSide saya rasa akan kurang ideal untuk kecepatan dan pengalaman user. Sehingga, sy putuskan untuk transisi menggunakan Gatsby.js dengan gatsby-node.js apinya disini sya mendapatkan kemudahan dalam memanipulasi source rest apinya, kemudian Gatsby.js membantu mentransformasikan data tsb ke Graphql untuk kita consume.,

    Dengan cara ini semua halaman akan tersedia pada waktu build-time (statically generated). Jadi setelah build selesai halaman website ini akan menyediakan lebih dari >6000 halaman mengingat jumlah ayat yang tersedia. meskipun begitu navigasi antar ayat masih terasa nyaman ๐Ÿ™‚ i don't know.

    dibangun menggunakan:

    • Gatsby.js
    • Tailwind.css
    • React Spring (animation)
    • Formik (form handling)
    • Firebase (authentication & storage)
    • API (sutanlab api)

    link website: https://quranin.gatsbyjs.io/ link repository: https://github.com/rifqirosyidi/quranin/

    Masih banyak sekali kekurangan dalam website ini, seperti searching data, saving data, handling authentication dsb yg masih belum berjalan dengan baik. ๐Ÿ™‚ terimakasih



15 Januari 2022

  1. [https://main-english.netlify.app/]
    Ksm

    Selamat pagi/siang/sore/malam Pak Dika dan semua warga WPU, semoga sehat selalu. Saya Rendra (kalo online biasa dipanggil Kusuma) mau ikutan showcase project untuk pertama kalinya. Kebetulan saya adalah mahasiswa Sastra Inggris (baru selesai semester 1) yang kemaren sempet dapet tugas bikin vocabulary cards, nah dari situ saya nyoba-nyoba bikin generator vocabulary cards. Akhirnya jadi, dan sudah saya tambahkan satu game lagi yaitu tebak kata. Website ini tujuan utamanya adalah untuk belajar bahasa Inggris melalui penambahan vocabulary.

    Link website: https://main-english.netlify.app/ Link repo: https://github.com/MainLah/main-eng

    Website ini hanya front end saja (mohon maklumi designnya juga, gabisa design saya wkwkwk), belum ada back end, dan teknologi yang saya gunakan yaitu

    • HTML dan CSS
    • Bootstrap
    • JavaScript
    • Typed.js

    Mohon masukannya ๐Ÿ™ Terima kasih semuanya


  1. [https://nasa-spacex.netlify.app/]
    Doni ws

    Halo pak dika dan semuanya Nama saya (Doni) Wahyu Saputra dan umur 15 y.o Saya Mau ikut show case, ini adalah showcase pertama saya website ini memiliki 4 page. website ini tentang nasa dan spacex, rocket spacex dan astronaut nasa. terinsipirasi dari kerja sama spacex dan nasa.

    link website: https://nasa-spacex.netlify.app/

    link repository: https://github.com/Doniws/Nasa-And-Spacex-Cooperation

    Teknologi yang digunakan: -Java Script Native(untuk slide dan yang lainnya) -AOS (untuk animasi scroll) -gsap (biasa,grab,control/tween animasi (for payload crew dragon play dan reverse)) -360deg.js (robot dan astronaut ada di main ) -html dan css -font awesome 6(animation dan ikon)


  1. [https://vandueniecky.github.io/jasainer/]
    Viecky Dan Nue

    Assalammu'alaikum wr wb . Selamat Pagi, Selamat Siang, Selamat Malam, Kapanpun waktu lihatnya, Semoga sehat selalu Pak Sandhika, dan Warga titik koma. Perkenalkan saya Van Due Niecky asli Indonesia bukan keturunan Belanda, memang namanya aja yang susah. Saya mau izin Showcase Project yang saya perlajari dari playlist ngobar channel WPU. Project ini dinamai Jasainer (Jasa Desain), alhamdulillah sudah menghasilkan beberapa orderan Desain. Project ini hanya memiliki fitur form kontak yang terhubung dengan google sheet seperti yang divideo WPU. Berikut ini teknologi dan tools yang digunakan untuk project ini:

    • HTML
    • CSS
    • Bootstrap 5.0
    • sedikit Vanilla Javascirpt "untuk validation form hubungi kami masih ada kekurangan masih bisa kekirim walau data yang dimasukan tidak valid, setelah dikirim tanda validasi nya masih muncul terus, perlu diload kalau mau kembali keadaan awal". **/mohon dibetulkan
    • JQuary 3.6.0
    • Tilt JS
    • FakeLoader JS

    Link Website : https://vandueniecky.github.io/jasainer/ Link Repostitory : https://github.com/vandueniecky/jasainer

    Sekalian promosiin dikit boleh kali pak :), Saya menerima jasa desain barangkali teman-teman ada yang minat bisa hubungi saya di website atau discord. Terima Kasih atas waktu dan kesempatannya untuk men-Showcase Project saya. Mohon saran dan kritik teman-teman.


  1. [https://adrdroid.github.io/]
    adriandroid

    Halo Pak Sandhika & Sahabat WPU semua. Perkenalkan, Nama saya Adrian Satoto. Izinkan saya untuk share website portfolio sederhana saya.

    Website portfolio ini merupakan project pertama saya.

    Teknologi yang digunakan:

    • Bootstrap 5
    • HTML
    • CSS
    • Javascript
    • AOS
    • Swiper

    Link Website : https://adrdroid.github.io/ Link Repository : https://github.com/adrdroid/adrdroid.github.io

    Website yang saya buat ini pastinya masih memiliki banyak kekurangan. Dengan memberikan beberapa saran dan kritikan, Supaya saya dapat membuat website yang lebih menarik kedepannya. Sekian terimakasih


  1. [https://addienzakia.github.io/Rumus-Calculator/]
    Addien Zakia

    Hallo semuanya, izin showcase project untuk pertama kalinya ya, project ini adalah sebuah kalkulator bertema neumorphism yang tidak dapat melakukan penjumlahan seperti pada kalkulator umumnya, melainkan kalkulator ini dapat menghitung luas, keliling, volume pada bangun datar dan bangun ruang. sedikit cerita ide inspirasi pada project ini sudah sejak berbulan-bulan mungkin hampir setahun yang lalu terpikir oleh saya tapi karna dlu saya blum bisa dalam bidang web development jadi ide inspirasi ini cukup saya simpan dan alhamdulillah sekarang baru bisa terwujud setelah sekian lama belajar dalam bidang web development, dan sekalian project pertama saya dari hasil belajar tailwind.

    dibuat menggunakan teknologi:

    • HTML
    • TailwindCSS v2.2 (saya buatnya sebelum v3 release)
    • Vanilla javascript

    fitur" yang tersedia

    • Dark mode
    • Dapat melihat proses/Cara penyelesaian
    • Neumorphism theme
    • Sudah responsive

    btw kalau bingung cara pakainya di pojok kiri atas kalkulator ada tombol/icon help mark bisa di klik aja ya, mohon kritik dan sarannya, terimakasih ๐Ÿ™‚


SPONSOR


  1. [https://fadelun.github.io/tekken-7]
    udell

    halo teman-teman semua, smoga kalian sehat selalu

    perkenalkan saya fadil, izinkan saya untuk pertama kalinya showcase project disini. website ini bertema game TEKKEN yang merupakan game fighting yang cukup populer,disini saya hanya menampilkan inforamsi setiap petarung sperti gambar,region dan umur. teknologi yang digunakan : -html -sass -javascript -boostrap -AOS(untuk animasi)

    demo : https://fadelun.github.io/tekken-7

    repo : https://github.com/fadelun/tekken-7/tree/plan-C

    mohon kritik dan sarannya teman-teman ๐Ÿ™

    GitHub GitHub - fadelun/tekken-7: click this to visit click this to visit. Contribute to fadelun/tekken-7 development by creating an account on GitHub.


  1. [https://khoirony.github.io/]
    khoirony

    Halo Pak Sandhika & Sahabat WPU semua. Perkenalkan, Nama saya Khoironi Arief Mahasiswa Semester 7 Teknik Informatika. Izinkan saya untuk share website portfolio sederhana saya.

    Teknologi yang saya gunakan:

    • HTML
    • CSS
    • Javascript
    • Bootstrap 5
    • AOS
    • GSAP
    • API dari Formspree

    Link Website : https://khoirony.github.io/ Link Repo : https://github.com/khoirony/khoirony.github.io

    Demikian dari saya, mohon saran dan kritikannya supaya saya dapat membuat website yang lebih menarik kedepannya. Sekian terimakasih :)


  1. [http://monocloth.store/]
    Venilyn

    Halo Pak Dika, mau ikutan nih buat pertama kalinya hihihi... Ini project akhir kelompok kuliah semester 5 saya. Hasil belajar laravel 8 dari channel pak dika. Dan saya sendiri sebagai backend nya (masih monolithic) Ini adalah project ecommerce, namun sayangnya belum responsive.

    Link Website : http://monocloth.store/

    My contact : https://www.linkedin.com/in/vincentmoeljopranoto/

    Teknologi :

    • HTML
    • CSS
    • PHP
    • Jquery
    • Bootstrap 5
    • Laravel 8
    • API RajaOngkir

    Terima kasih


  1. [https://brainlabs.netlify.app/]
    KusenaDev

    Assalamualaikum wr wb Selamat malam pak dika saya M Kusen A izin share project hasil belajar di channel pak dika

    project berbasis web yaitu e-learning , project ini masih tampilan nya aja static web hasil belajar html css js dan framework bootstrap

    Teknologi yang saya pakai


  1. [https://celvineadiputra.vercel.app/]
    celvine

    Selamat pagi semua, halo semua dan halo pak Sandika semoga Tuhan memberikan kesehatan untuk kita semua. Perkenalkan saya Celvine adi putra, saya dr kota Palembang, saya mau izi untuk mengikuti showcase project untuk pertama kalinya, terimakasih. Website ini bertujuan untuk web profile pribadi.

    website ini di bangun dengan bantuan dari :

    1. Html
    2. Scss / Css
    3. Tailwindcss 2.x
    4. Boostrattap v5
    5. Javascript

    Berikut ini link websitenya : https://celvineadiputra.vercel.app/

    Website ini, masih ada kekurangan sehingga bapak dan teman teman di sini bisa memberikan masukan dan kritik untuk saya, sehingga dapat belajar lagi, dan informasi tambahan untuk teman teman yg lainnya, Terimakasih banyak



22 Januari 2022

  1. [https://ebook-apps.000webhostapp.com/]
    Fauzy

    Halo Pak Dika dan teman-teman WPU.

    Perkenalkan nama saya Ahmad Fauzy. Izin share project pertama saya dari belajar playlist "Belajar PHP Untuk Pemula (WPU)". Sedikit penjelasan tentang project ini, eBook Apps adalah aplikasi web yang membantu orang-orang mencari ebook dari mana saja menggunakan smartphone dan laptop.

    Beberapa fitur pada project ini yaitu, CRUD, Sign In dan Sign Up, serta Login Multi User (Level Member dan Admin).

    Teknologi:

    • HTML
    • CSS
    • Javascript
    • PHP
    • Bootstrap 5
    • Jquery 3.6
    • Sweetalert2

    Link Repo: https://github.com/madfauzy/eBook-Apps

    Link Website: https://ebook-apps.000webhostapp.com/

    Demo Account Admin (Will be delete after showcase) username: tester password: 12345678 level: admin

    Bagi teman-teman ingin menambahkan beberapa fitur atau memperbaiki beberapa bug/error yang ada, bisa melakukan fork lalu pull request ke repo saya ya. Bisa juga saling follow-followan github.

    Terima kasih Pak Dika dan teman-teman WPU.


  1. [https://portfolio-hapis.vercel.app/]
    Hapis

    Halo semua๐Ÿ‘‹

    Perkenalkan nama saya Hafizh. Project yang saya bagikan ini adalah website portofolio saya. Project ini dibuat untuk melihat sejauh mana kemampuan saya dalam belajar pemrograman web. Project ini akan terus di kembangkan seiring dengan peningkatan skill saya.

    Teknologi yang digunakan:

    1. HTML
    2. CSS
    3. JS

    Teknologi yang saya gunakan merupakan pure html, css, dan javascript (nyontek youtube karena belum belajar ampe javascript :v). Dan untuk tools yang saya gunakan adalah figma dan vscode. Ini adalah pertama kalinya saya mengikuti showcase project jadi maaf jika masih ada kekurangan pada website, serta mohon kritik dan sarannya terima kasihh.

    Link repo: https://github.com/HapisPro/hafizh-portfolio

    Link project: https://portfolio-hapis.vercel.app/


  1. [https://to-do.fatoni-dev.com/]
    fatoni

    Halo Pak Dika dan semuanya.. Perkenalkan nama saya Achmad Fatoni. Di sini saya ingin membagikan project sederhana saya yaitu To Do APP. di mana user di sini bisa register dan login serta membuat To Do list di website ini dan juga ada halaman profile sederhana untuk merubah nama, password , dll.

    Teknologi yang saya gunakan :

    1. Laravel JetStream
    2. Livewire
    3. Livewire datatables
    4. Tailwind

    ini link website : https://to-do.fatoni-dev.com/

    ini link repo : https://github.com/fatoni-ach/To-Do-App (repo akan di private setelah show case. hehe... )

    Silahkan kalau mau di coba2 websitenya, tapi tolong jangan di rusak ya, hehe... dan kalau mau follow2 an juga boleh ...

    Terimakasih Pak Dika dan Semuanya ...


  1. [https://photosheets.web.app/]
    creeperpinky

    Halo temen temen semua, saya izin share project ya..

    Jadi project ini sebenarnya udah pernah ada dilist showcase, cuma disini ada beberapa perbedaan yakni:

    • Fitur Forgot Password
    • Fitur Validasi Email

    Untuk fitur forgot password saya menggunakan fitur bawaan firebase, sedangkan fitur validasi email saya menggunakan Nodemailer sebagai pengirim email validasi dan uuidv4 sebagai token.

    Teknologi yang saya pakai

    • HTML
    • CSS
    • JS
    • Bootstrap
    • ReactJS
    • Nodemailer
    • Firebase
    • ServiceWorker/PWA

    Link Website : https://photosheets.web.app/

    Email asli photosheets :

    Terimakasih Pak dika jangan lupa titik koma;


  1. [https://codemyyy.netlify.app/]
    Artezio

    Malam semua, perkenalkan saya Ezi, saya izin mengikuti Showcase Project, terimakasih. Website ini dibuat dengan tujuan untuk mengembangkan kemampuan saya dalam men-design web.

    Sebelumnya website ini cukup simpel, hanya single page dan ada beberapa hal yang akan saya tambahkan di waktu mendatang seperti versi mobile-nya dan beberapa page tambahan.

    Website ini dibangun dengan menggunakan:

    1. HTML
    2. CSS (SCSS)
    3. Javascript (regular Javascript dan GSAP)

    Berikut ini link website dan Github repository-nya: https://codemyyy.netlify.app/ https://github.com/Artezi0/codemy

    Untuk catatan Semua gambar yang ada di dalam website bukan milik saya dan beberapa nama brand dan logo yang saya tambahkan hanya untuk mengisi website tersebut, terimakasih atas waktunya.


###SPONSOR

  1. [http://kominfo-wangy.herokuapp.com/]
    KuchingNeko

    Halo pak dika dan warga titik koma, bertemu lagi dengan saya KuchingNeko wkwkwk, izin share project sederhana saya.

    Project ini di buat karna saya selalu bosan dan g tau mau ngapain jadi ya iseng" doang dan jg sekalian ngelanjutin project sebelumny.

    Project ini dibuat dengan : Vanilla:

    • PHP
    • HTML
    • CSS Bantuan:
    • Bootstrap 5
    • Scroll reveal js ( untuk animasi )

    Link website: http://kominfo-wangy.herokuapp.com/ Link api : https://kominfo-scrap.herokuapp.com/

    Link repository web : https://github.com/kuchingneko28/kominfo-landingpage-v2 Link repository api : https://github.com/kuchingneko28/kominfo-scrap

    Karna project sebelum ny hanya tampilan landing page aja skrng saya buat lebih wangy lagi ๐Ÿ˜† ,oh iya sebenarnya pengen pake react ketimbang php tapi karna laptop saya kentang (ram 2gb) jadi saya putuskan pake php aja.

    Untuk artikel yg ada dihalaman index itu hasil dari scrap yg saya buat langsung dari web asli ny menggunakan axios & cheerio trs saya jadikan api lewat express js, dan tentu bisa di click ๐Ÿ˜‰

    Mohon kritik dan saran ny teman-teman. Dan yang terakhir untuk pihak yg terkait tolong jangan ciduk saya pak hehehe ๐Ÿ™ƒ


  1. [https://habriramdani.github.io/]
    habri

    Assalamualaikum wr wb. Halo Pak Dhika dan warga planet WPU. Perkenalkan nama saya Aliyan Habri Ramdani, saya kelas 10 SMA. Selamat pagi, malam, siang atau kapanpun warga planet menonton. Izin mau showcase project portfolio yang sederhana sekali ini. Saya buat website ini hanya untuk iseng iseng saja, habis PAS libur tanggal 8 dan mencoba ngoding tanggal 18 desemebr kemarin. Gara-gara ada 1 live showcase membuat saya ingin buat website juga. Di website ini saya menggunakan full HTML & CSS, belajar ngulik ngulik tentang css yang menarik, aneh dan abstrak ๐Ÿ˜…

    • HTML
    • CSS

    Link Repository - https://github.com/HabriRamdani/HabriRamdani.github.io.git Link Website - https://habriramdani.github.io/

    Mohon kritik dan sarannya, sangat membantu ๐Ÿ™ (DISCLAIMER : website saya buat sebelum saya paham sekali tentang flexbox dan css grid, jadi mohon maaf kalo masih belum responsive dan website terlalu sederhana/kaku ๐Ÿ™ )

    Terima Kasih & Jangan Lupa Titik Koma ;


  1. [http://myshop-vuejs.s3-website-us-east-1.amazonaws.com/]
    dzulfikardev

    Assalamu'alaikum Pak Dika dan warga WPU semoga sehat selalu izin showcase project juga. Ini adalah Website Electronic Online Shop berbasis SPA yang disertai dengan Stripe payment gateway dan admin dashboardnya.

    Link Website: http://myshop-vuejs.s3-website-us-east-1.amazonaws.com/ Link Login: click link yang ada di Hero Section

    Stack:

    Trimakasih Pak Dika saya banyak belajar PHP dan JavaScript dari playlist anda, semangat menyebarkan ilmu yang bermanfaat Pak Jazakallah Khair. Web portfolio saya https://dzulfiardev.github.io/ promosi dikit pak saya seorang Freelance Web Developer hehe.


  1. [https://main-english.netlify.app/]
    dhan's 9th

    Assalamualaikum pak Shandika izin kirim project iseng iseng buat seru-seruan ๐Ÿคฃ Jadi ini web nya ada animasi Petasan dengan Library Fireworks JS

    Teknologi nya

    • HTML
    • CSS -Fireworks JS

    Ini web nya : https://fireworks-2022-dhans.netlify.app/ (ini gak responsif jadi dikonputer aja)

    Ini github source code saya : https://github.com/RamadhaniRiparro/New-Year-Fireworks.js

    Ini dokumentasi Fireworks JS : https://github.com/crashmax-dev/fireworks-js/

    Boleh nih temen-temen yang mau make buat seru-seruan tahun baru ๐Ÿ˜Ž๐Ÿ˜‚


  1. [https://adhywiranto44.github.io/simple-web-profile/]
    adhywiranto44

    Halo guys,

    Kembali lagi bersama saya Adhy Wiranto, kali ini saya mau showcase projek Front-End untuk Website Profil. Desain UI terinspirasi dari Fluent Design-nya Microsoft โค๏ธ dari aspek warna background dan elemennya.

    Teknologi: HTML, CSS, Fontawesome, Figma (Buat slicing)

    Untuk sekarang desain masih lebih baik dilihat di komputer karena responsive-nya belum dibuat, kedepannya bakal ditambahkan responsive dan animasi juga.

    Link gan: https://adhywiranto44.github.io/simple-web-profile/

    Thanks ๐Ÿ˜



30 Januari 2022

  1. [https://codepen.io/pamela-sarnia/pen/OJMLbbr]
    pam

    Halo. Saya masih baru belajar. Portofolio saya hasil dari pelatihan di freecodecamp dan Dicoding. Semoga ke depannya saya bisa lebih produktif. Mohon bimbingannya Pak Dhika dan suhu-suhu di sini ๐Ÿ™


  1. [https://61ceb187901303df267d4051--pedantic-ritchie-00eb10.netlify.app/]
    Rajar01

    Halo Pak Dika dan teman-teman WPU.

    Perkenalkan nama saya Rajar. Izin share project pertama saya dari belajar library react js. Sedikit penjelasan tentang project ini, nTask adalah aplikasi web yang membantu orang-orang mengelist task dari mana saja menggunakan smartphone dan laptop.

    Beberapa fitur pada project ini yaitu membuat task dan menghapus task

    Teknologi:

    1. axios v.0.24.0
    2. json-server v.0.17.0
    3. react-icons v.4.3.1
    4. react-toast-notifications v.2.5.1",
    5. react-loading v.2.0.3",
    6. tailwind v.3.0.8
    7. react

    Link Website : https://61ceb187901303df267d4051--pedantic-ritchie-00eb10.netlify.app/ Link Github : https://github.com/Darkcode321/n-task-react

    Bagi teman-teman ingin menambahkan beberapa fitur atau memperbaiki beberapa bug/error yang ada, bisa melakukan fork lalu pull request ke repo saya ya. Bisa juga saling follow-followan github.

    Terima kasih Pak Dika dan teman-teman WPU.


  1. [hhttps://andreasnotokusumo.vercel.app/]
    fullstack.dre

    Halo teman-teman,

    Izin share kembali project saya yang kedua disini yaitu personal portfolio site. Project ini saya design dan develop pada awal bulan Desember, tepatnya saat liburan di SMA saya dimulai. Website ini didokumentasi dan direncanakan di Notion, didesain menggunakan Figma (UI dan wireframe) dan didevelop menggunakan NextJS, Tailwind CSS dan Contentful (Headless CMS).

    Disini saya menggunakan NextJS guna mempermudah routing dan server-side rendering, lalu TailwindCSS (JIT Mode) untuk kecepatan development dan Headless CMS yaitu Contentful agar mempermudah manajemen konten di portfolio saya yang pada umumnya berupa blog post.

    Website ini saya desain dengan Figma dan menerapkan design system mini saya sendiri dengan tujuan konsistensi dan tampilan yang responsif. Setelah development sekitar dua minggu, saya mendeploy site ini melalui Vercel karena faktor kemudahan sekaligus menambahkan plugin analisis yaitu Checkly. Melalui plugin ini, saya lega melihat performa website saya yang dikunjungi beberapa visitor mampu mendapatkan nilai rata rata 92. Tentu masih ada beberapa kekurangan. Oh ya, domain saya di bawah ini belum fix dan akan saya ubah menjadi domain custom beberapa minggu ke depan.

    Untuk recap, techstack yang saya gunakan dalam project ini adalah:

    1. Figma untuk wireframing dan UI design.
    2. Notion untuk planning dan development documentation.
    3. Whimsical untuk pembuatan information architecture dan userflow.
    4. NextJS
    5. TailwindCSS
    6. Contentful CMS
    7. Vercel + Checkly

    Berikut referensi link untuk project ini:

    1. Site: https://andreasnotokusumo.vercel.app/
    2. Repository: https://github.com/fullstack-dre/personal-portfolio
    3. Instagram saya untuk update project, design dan progress mingguan saya โœŒ๏ธ : https://www.instagram.com/fullstack.dre/

    Terimakasih, semangat tahun baru dan semoga sharing saya kali ini menginspirasi!


  1. [https://e-voting.w3llsquad.or.id/]
    Mamet Nugraha

    Assalamu'alaikum selamat siang Pak Dika dan temen-temen WPU semuanya semoga sehat selalu. izin ikut showcase project untuk pertama kalinya ๐Ÿ˜. Project yang saya bagikan adalah E-Voting Service. E-voting ini dibuat dengan tujuan mengurangi dan mempersingkat waktu selama pemungutan suara dan penghitungan suara.

    Teknologi yang saya gunakan :

    • Front End :
    • Bootstrap 4.5.3
    • Fontawesome Pro
    • CSS
    • Javascript

    • JavaScript Libraries and Functions :

      • JQuery
      • DataTables
      • jsEncrypt
      • cropperJs
      • jquery-cropper
      • Chart.js

    • Back End

    • PHP 7.4.25
    • PHP MVC
    • MySQL (PDO) PHP

    Preview / Demo : Login E-voting : https://e-voting.w3llsquad.or.id/ Login Panel : https://e-voting.w3llsquad.or.id/panel Quic Count (Live/Realtime) : https://e-voting.w3llsquad.or.id/quiccount

    Login Panel : Email : cso@w3llsquad.or.id Password : 12345678

    Login E-voting : id : 1710910070076 Password : 12345678 Role : Staff

    id : 2010916040028 Password : 12345678 Role : Mahasiswa

    • User lebih lengkap login panel -> user management -> user (Password : 12345678 | Semua user)*

    Github : https://github.com/mametNg/E-Voting-Service Templates : https://themes.getbootstrap.com/product/purpose-website-ui-kit/

    Mohon kritik dan sarannya temen-temen WPU, terima kasih. ๐Ÿ˜„


  1. [https://tio-pratomo.github.io/bangun-datar/index.html]
    Sulistio

    Assalamualaikum Para pasukan titik koma WPU. salam sejahtera bagi kita semua. Izin untuk share project web static yang saya buat, yaitu belajar matematika dengan tema bangun datar.

    Latar belakang project ini, waktu dulu sekitar kelas 4 atau 5 sd pas ketemu materi ini, cukup sulit karena paling tidak harus tau/hapal rumusnya.

    Mungkin juga dari kita, orang dewasa juga pasti ada yang lupa, rumus-rumus bangun datar ini, dan pastinya searching dulu, agar tau bagaimana menghitung luas dan keliling nya. Websitenya sederhana, hanya masukkan nilai yang diketahui, untuk mendapatkan hasilnya.

    Seiring waktu saya coba menambahkan halaman lain salah satunya tema bangun ruang.

    Teknologi yang digunakan tentunya :

    • HTML
    • CSS
    • dan Javascript.

    Untuk deployment dan Version Control System menggunakan:

    • Github
    • Git
    • Parcel.js

    Tentunya menggunakan bootstrap v.4.5 untuk memudahkan layout dan responsive layar.

    Berikut link demonya : matematika bangun datar

    Berikut link githubnya : github

    Mohon maaf jika terlalu panjang, semoga kita semua sehat selalu. Terimakasih ๐Ÿ™


###SPONSOR

  1. [https://ikkirama.github.io/]
    ikki

    Website udah lama Ceritanya saya bikin website itu untuk pdkt waktu itu, tpi ngga sampe 1 bulan saya dah diputusin wkwk

    Repo : https://github.com/IkkiRama/IkkiRama.github.io Link website : https://ikkirama.github.io/


  1. [https://travelindo.netlify.app/]
    Nomad.Suf

    Assalamualaikum warahmatullahi wabarrakatuh dan selamat pagi/siang/sore/malam semuanya.

    Kali ini saya ingin membagikan sebuah website yang bernama "travelindo", dimana website ini adalah hasil slicing dari event-of-the-year yang Alhamdulillah di event itu saya dapet peringkat 15 (dari bawah..๐Ÿ˜).

    Adapun teknologi yang saya gunakan adalah:

    • HTML
    • CSS
    • JS
    • Adobe XD (untuk desain webnya)

    Tapi, hasil slicing web ini tidak 100% mirip dengan desain aslinya karena ada yang saya ubah / perbaiki saat di slicing.

    Bagi kalian yang penasaran dengan hasilnya bisa di lihat di: https://travelindo.netlify.app/

    Atau bagi yang ingin menggunakan website ini baik untuk keperluan belajar atau apapun boleh langsung di download / fork di github saya: https://github.com/adeyusuf211/travelindo

    Mohon maaf kalau hasilnya jelek Terimakasih...


  1. [https://ebook-apps.000webhostapp.com/]
    Ridwan Maulana

    Assalamualaikum pak Dika Perkenalkan nama saya Ridwan Maulana, izin share project yang bernama quran-id yang dimana aplikasi ini merupakan aplikasi al-quran berbasis web app(PWA) dan juga di lengkapi dengan doa tahlil.

    Tech stack

    1. Nuxtjs
    2. TailwindCSS

    Hosted on Vercel๐Ÿš€

    Berikut repositori dan link project.

    1. Repo : https://github.com/R1dwanMaulana/quran-id.me
    2. Site : https://www.quran-id.me/

    Terimakasih๐Ÿ™๐Ÿป


  1. [https://laravel-maps-demo.herokuapp.com/]
    Bagus

    haloo lagi semuaa lagi coba-coba buat library/package untuk laravel mungkin masih banyak bug dan kekurangan librarynya sederhana saja semacam helper untuk membantu kita membuat map lewat controller/backend jadi nanti di view otomatis akan menggenate kode javascript yang di perlukan untuk membuat map-nya map yang di dukung baru leaflet dan mapbox dengan fitur-fitur basic seperti menambahkan marker,popup,geojson,event dan fungsi-fungsi dasar dari mapnya untuk librarynya bisa langsung di install lewat composer composer require bagusindrayana/laravel-maps

    untuk demo langsung penggunaan librarynya bisa di lihat disini : https://laravel-maps-demo.herokuapp.com/ untuk repo librarynya bisa di cek disini : https://github.com/bagusindrayana/laravel-maps

    masih banyak kekurangan seperti kode yang belum rapi dan dokumentasi yang belum lengkap jadi mohon kritik dan sarannya kalau ada bug/error atau minta tambahin fitur bisa lapor di issue githubnya


  1. [https://quran-ic-rct.vercel.app/]
    Union

    Assalamualaikum semua Perkenalkan saya Rayhan Rizki Putra, izin share project yang bernama quranIC, applikasi ini saya buat saat belajar React JS (API) dan mohon maaf jika desain nya sangat simple ๐Ÿ™‚

    Use :

    1. Tailwind CSS
    2. React JS
    3. Bootstrap

    Hosted on Vercel

    Berikut repositori & link project

    1. Repo : https://github.com/Ryhann/quranIc-rct
    2. Link Project : https://quran-ic-rct.vercel.app/

    Thank You ๐Ÿ™‚



5 Februari 2022

  1. [https://navdplay.github.io/Aidenify/]
    NavdPlay

    Assalamualaikum Padika dan teman-teman semuanya, perkenalkan nama saya Naadir Al Atilla, saat ini masih duduk di kelas 8 SMP di salah satu sekolah di Sumbawa Barat. Project ini adalah project kedua yang saya kirim di ๐ŸŽจshowcase-project

    (Mohon maaf, tanggal 6 februari mendatang saya bakal ngikutin olimpiade computer science, mohon doanya ya teman2)

    Saya ingin share project website saya yang bernama Aidenify. Project ini adalah project gabut tahun baruan saya. Jadi waktu itu saya lagi jenuh banget, trus saya scroll tiktok dan saya menemukan satu video yang membahas bahasa rahasia simple yang bernama Aiden isfir. Setelah mengetahui cara penggunaan bahasa tersebut saya langsung terinspirasi untuk membuat seperti google translatenya untuk bahasa ini. Saya membuat website ini dalam waktu 2 hari dimana satu harinya hanya digunakan untuk debugging algoritma penerjemahnya :wpulul:. Di website nya sudah ada cara translate bahasa Aiden Isfir tersebut, jika mungkin masih kurang paham, bisa langsung ke video tiktoknya, linknya juga sudah saya taruh di websitenya.

    Fitur: -Translate dari teks biasa ke bahasa Aiden dan sebaliknya. -Sudah dilengkapi dengan darkmode. -Design web yang sudah responsif.

    *Note: Saat ini masih ada bug saat user memasukkan input karakter non-alphabet.

    Bahasa dan alat yang digunakan:

    • Visual Studio Code :vscode:
    • HTML5 :html:
    • CSS :css:
    • JavaScript dan library JQuery :javascript:
    • Library FontAwesome

    Link Website: https://navdplay.github.io/Aidenify/ Link Repository: https://github.com/NavdPlay/Aidenify/

    Saran dan kritiknya ditunggu ya


  1. [https://webbtools.netlify.app/]
    domge

    Assalamulaikum WR. WB. Teman-teman semua! Perkenalkan saya Raya Alkautsar Kelas 10 SMA, izin share project pertama saya.

    Website yang saya buat ini adalah website yang dapat membantu teman-teman untuk mencari tools pendukung yang dapat mempermudah dan mempercepat pekerjaan teman-teman semua. Ide membuat website ini terinspirasi dari video Pak Dika yang membahas tentang tools pendukung untuk programmer dan web development.

    Kedepannya, pilihan-pilihan toolsnya akan terus saya tambah.

    Use :

    • HTML
    • CSS
    • JavaScript
    • BOOTSTRAP 5
    • Owl Carousel
    • GSAP

    Link Website : https://webbtools.netlify.app/

    Link Repository : https://github.com/RayaAlkautsar/WebbTools.github.io

    Semoga website yang saya buat ini bisa bermanfaat bagi temansemuanya!

    Tolong beri Saran dan Kritiknya ya teman teman


  1. [https://serabikocorbuyuni.my.id/]
    muryp

    Assalamualaikum wr wb

    Selamat malam pak dika dan teman-teman semua.

    Mohon izin untuk show case lagi Dan perkenalkan kembali, saya Alief Prihantoro. Dan kali ini saya ingin membagikan sebuah landing page. Yang saya buat untuk memasarkan produk ibu saya yaitu makanan tradisional Serabi khas Ngampin/ambarawa.

    Oh ya mohon saran dan kritik ya lagi untuk versi desktop, soalnya masih koding di hp.

    Link web

    Link repo

    Feature :

    • SPA(maybe) soalnya cuman landing page
    • PWA
    • Maps

    Tech :

    • SCSS/CSS
    • HTML5
    • ES6/JS
    • JSON
    • HUGO
    • NETLIFY

    Other :

    • NVIM (text editor)

    Kekurangan :

    • belum tahu untuk ukuran desktop
    • masih lambat/script masih kurang evisien(bar bar)

    Terimakasih~


  1. [http://baayoes.rf.gd/]
    baayoes

    Assalamualaikum Pa dika dan teman-teman semuanya, perkenalkan nama saya Bayu Surya Wirayudha, saat ini masih duduk di kelas 10 SMK. Project ini adalah project pertama yang saya kirim di ๐ŸŽจshowcase-project

    Saya membuat website portofolio ini karna lagi bosen aja dirumah liburan, jadi saya buat website ini cuma asik" aja. nah di website ini saya menambahkan satu fitur yaitu secret message, jadi orang lain bisa memberi pesan kepada saya tanpa diketahui nama dari pengirim. saya membuat itu dengan php sederhana. disini saya juga memakai bootstrap untuk framework cssnya.

    Fitur:

    • Pesan Rahasia
    • Web sudah responsif.

    Bahasa dan alat yang digunakan:

    • Visual Studio Code
    • HTML
    • CSS
    • Bootstrap
    • Php
    • JavaScript

    Link Website: http://baayoes.rf.gd/

    Saran dan kritiknya ditunggu yaa temanยฒ Terimakasih!


  1. [https://heker-jere.rifkiromadhan.repl.co/]
    ikki

    Bocil be like, heker y bang

    Repo : https://github.com/IkkiRama/heker-jere Link website : https://heker-jere.rifkiromadhan.repl.co/


###SPONSOR

  1. [https://profilbachrulpanji.netlify.app/]
    bachrulpanjigumilang

    Assalamulaikum selamat malam,siang,subuh pak dika dan teman-teman semuanya perkenalkan nama saya Bachrul Panji Gumilang saat ini saya adalah mahasiswa IAI Al-Aziz yang berada di mahad Al-Zaytun indramayu jawa barat. ini adalah project pertama saya yang saya kirim di ๐ŸŽจshowcase-project

    saya membuat portofolio ini karena saya ingin belajar lebih dalam yang berkaitan dengan pemograman dan mengisi waktu luang saya di rumah dari hasil saya menghayal jam 1:30 malam saya mendapatkan hidayah untuk membuat portofolio saya ahirnya jadi dalam 1 bulan

    tolong jangan di ejeknya maklum masih jelek dalam pembuatanya dan mohon kritik dan sarannya

    link web:https://profilbachrulpanji.netlify.app/ link repo:https://github.com/bachrul0038/Portofolio2Bachrulpanji link github:https://github.com/bachrul0038 link instrgram:https://www.instagram.com/bachrulgumilang/

    bahasa yang di gunakan html css javascript


  1. [https://veco-school.web.app/]
    aBStractive

    Halo, selamat malam. Izin showcase nih dari saya. Sebelumnya perkenalkan nama saya Dion bekerja sebagai fullstack dev.

    Saya membuat sistem informasi untuk sekolah. Tujuannya agar orang tua siswa dapat dengan real time memonitor kegiatan anaknya di sekolah, baik itu berupa nilai atau perilaku anaknya. Aplikasi yang saya share disini merupakan aplikasi dari sisi sekolah. Aplikasi untuk orang tua siswa dan siswa merupakan aplikasi mobile. Btw saya start membuat aplikasi ini sebelum adanya wabah covid, so aplikasi ini cocok untuk sekolah dengan sistem tatap muka. Awalnya mau saya jual, tapi karena corona jadi aplikasinya bakal kurang optimal untuk digunakan. Saya share disini juga karena bisa dibilang aplikasi ini sudah outdated yaitu masih untuk KURTILAS (Kurikulum 2013). Sekarang sedang melakukan pengembangan ulang untuk menyesuaikan dengan kurikulum saat ini & mengganti beberapa tech stack. Saya akui dari segi tampilan agak kurang menarik dan warnanya norak. Hehehe

    Tech stack:

    • react js (including redux reducer & redux saga)
    • firestore database
    • firebase function (backend mobile)
    • firebase authentication (email & password)
    • firebase push notification
    • material UI
    • flutter (mobile iOS & android)

    link web: https://veco-school.web.app/ Untuk coba coba login bisa menggunakan credential ini email: antoniusheruh@gmail.com password: 848790

    Mohon maaf tidak bisa share source code ๐Ÿ˜„ Terima kasih.


  1. [https://skolaxy-web.netlify.app/]
    KianSantang

    Hallo teman teman, saya Taufik Hidayatulloh, singkat cerita beberapa waktu lalu saya dan team (bintang nur pradana, Muhaecal dwi Khatami ) mengikuti sebuah event it antar kampus , walau pun belum juara 1, tapi alhamdulillah dapet juara 2, bidang yang saya ikuti yaitu Front-end web developer.

    Tema yang dilombakan yaitu web pembelajaran interaktif dikala pandemi.

    Terimakasih pak...

    Page :

    • Landing page
    • Dashboard
    • Kelas (materi + kuis)
    • Ulangan
    • Penugasan
    • Presensi
    • Siswa
    • Meet
    • Setting

    Tools :

    • VueJs
    • TailwindCss
    • Headless Ui
    • Apexchart

    Link repo & demo: https://skolaxy-web.netlify.app/ https://github.com/Taufik-H/skolaxy

    Team : https://github.com/Taufik-H https://github.com/Bintang73 https://github.com/mhaecal


  1. [https://fiqrychoerudin.dev/]
    piq

    Halo temen temen izin showcase web portfolio saya yang dibuat pake NextJs ๐Ÿ˜ Github Repo : https://github.com/fiqryq/Fiqrychoerudin.dev Web : https://fiqrychoerudin.dev/


  1. [https://yukngode.ammarbahtiar.my.id/]
    ammarbahtiarasli

    Assalamualaikum wr wb. Pa Dika dan teman-teman semuanya, perkenalkan saya Ahmad Ammar Bahtiar, saat ini mahasiswa informatika unpas semester 1.

    Saya membuat website ini karena ada challenge bersama teman-teman saya yaitu membuat web pembelajaran seperti codepolitan, progate, dll, dan saya membuat nya seperti ini.

    dibuat menggunakan : -HTML -CSS -Bootstrap 5 -Bootstrap icon -AOS js

    text editor: visual studio code

    os : windows 11

    kritik & saran nya dipersilahkan untuk membuat saya lebih baik kedepannya

    link web : https://yukngode.ammarbahtiar.my.id/ link github : https://github.com/ammarbahtiarasli/web-yukngode instagram : https://instagram.com/ammarbahtiarasli

    Terimakasih Pak Dika!



12 Februari 2022

  1. [https://abinoval.github.io/PowQuran]
    Pow

    Halo...

    Setelah sekian lama saya tidak meramaikan showcase projek, kali ini saya akan ikut lagi mengirim projek yang ke-5 kalinya untuk dishowcase. Projek ini adalah projek sederhana yang hanya menggunakan HTML + Tailwind CSS + Javascript saja. Nama projeknya PowQuran yang sebenarnya awal niat membuat projek ini adalah untuk redesign projek teman saya yang kemarin dishowcase yang nama projeknya itu quranIC dari @Union.

    Kenapa saya membuat projek ini? Karena untuk mengisi waktu luang dan waktu pusing saat mengerjakan projek lain dan untuk melatih skill javascript saya, selain itu saya juga ingin melatih skill tailwind saya di v3 sekarang (karena saya juga mulai oleng ke framework sebelah sebab lagi ngerjain projek yang harus cepet selesai :v).

    Tidak seperti quranIC yang menggunakan framework react, saya hanya menggunakan plain html dikarenakan hanya untuk mengisi waktu luang saja. Saya juga menambah beberapa fitur yang saya rasa tidak ada di quranIC, seperti search (meskipun belum optimal), deskripsi surat, dan audio. Tapi ada juga fitur yang sudah ada di quranIC tapi belum ada di PowQuran, yaitu dark mode. Website ini juga hanya ada 1 halaman.

    Desc: Teknologi: HTML, TailwindCSS, JavaScript Asset: Font(nunito, poppins), Icon(boxicons), API(https://api.quran.sutanlab.id/) Waktu pengerjaan: 16:40 - magrib

    Link PowQuran: https://abinoval.github.io/PowQuran quranIC: https://quran-ic-rct.vercel.app/ Github(PowQuran): https://github.com/abinoval/PowQuran Github(quranIC): https://github.com/Ryhann/quranIc-rct IG saya: https://www.instagram.com/envil.a/ :v YT (masih baru siapa tau mau mampir): https://www.youtube.com/channel/UChTEy7EAeKJVvcK1GkmHpJA :v

    Kedepannya saya ingin menambahkan tafsir per-ayat dan mengembangkan search enginenya lagi supaya lebih mudah mencari.

    Jika ada bug atau error atau hal yang ingin ditanyakan, bisa langsung disampaikan. Saran dan masukkan diterimaa dan semoga bermanfaat. Terimakasih.


  1. [https://cekkopit.manudinata.me/]
    hendramanudinata03

    Halo, selamat malam semua!

    Perkenalkan, saya Hendra Manudinata, siswa kelas 9 di salah satu SMP di Denpasar, Bali. Izinkan saya untuk showcase project pertama saya ini.

    Ini adalah CekKopit, sebuah situs sederhana yang menampilkan data statistik kasus COVID-19 di Indonesia untuk hari ini dan 7 hari kebelakang. Situs ini menggunakan jQuery $.getJSON untuk mengambil / parse data API (https://apicovid19indonesia-v2.vercel.app/api) data kasus COVID-19 di Indonesia.

    API-nya berdasarkan API dari pemerintah Indonesia (covid19.go.id), namun saya memakai yang ini karena adanya masalah keamanan CORS di API pemerintah.

    Situs ini dibuat dengan tujuan untuk menampilkan data statistik COVID-19 di Indonesi yang sederhana, simpel, dan ringan, tanpa berita dan fancy UI.

    Situs ini dibuat sebagai hobi dan mengasah kemampuan saya. Masih banyak yang perlu ditambahkan dan diperbaiki, seperti peningkatan UI, optimisasi kode, perbaikan data chart, dan lain-lain. Dan akan saya lakukan satu-per-satu di waktu luang.

    Dibuat dengan:

    • HTML
    • Javascript
    • Bootstrap
    • jQuery library

    dan menggunakan Visual Studio Code sebagai text editor diatas OS Windows 11 + WSL2 (Ubuntu 20.04).

    Link project: https://cekkopit.manudinata.me/ Link GitHub: https://github.com/hendramanudinata03/CekKopit

    Informasi mengenai project bisa dilihat di situs.

    Kritik dan saran sangat diterima untuk meningkatkan situs ini dan juga sebagai perbaikan diri.

    Terima kasih semua!


  1. [https://optimistic-wing-fb1e2f.netlify.app/]
    patrick.start

    Todo app, dibuat dengan react js link : https://optimistic-wing-fb1e2f.netlify.app/ Github : https://github.com/hafizmfadli/React-SimpleTodo


  1. [https://zdnpl.github.io/showclick/]
    zdnpl

    Assalamualaikum Pak Dhika dan temen temen WPU

    Perkenalkan, saya Zidan (zdnpl), saya ijin ikutan showcase project lagi nih, kali ini saya bikin website yang terinspirasi dari teman saya, waktu itu temen saya bilang kalau dia bisa ngoding dia maubikin website cps test, nah dari situ saya langsung kepikiran untuk membuat website ini.

    Project ini saya kasih nama "Showclick", website ini bertujuan untuk melatih kecepatan klik dan bersaing satu sama lain.

    Fitur :

    • CPS Test
    • Leaderboard

    Project ini dibuat dengan :

    • HTML
    • CSS
    • Javascript
    • Bootstrap
    • Sedikit Jquery

    Link : https://zdnpl.github.io/showclick/ Repo : https://github.com/zdnpl/showclick

    Kalau ada bug, kritik, atau saran boleh DM saya sekian terimakasih~


  1. [https://fathb.github.io/pendataananggotaansor/]
    mbari

    assalamualaikum Pak Dhika dan semua teman-teman wpu

    saya adalah fathul bari. saya baru pertama kali ikutan showcase dan sebenarnya masih grogi karena ini project yang sangat sederhana.

    intro ini adalah project dari hasil mengikuti video di wpu tentang mengirim data dari form HTML ke google spreadsheet. kebetulan di organisasi saya lagi mengadakan pendataan biodata anggota. project yang mau saya showcase ini sebenarnya hanya sebuah formulir pendataan anggota yang hasilnya di input ke google spreadsheet.

    project ini saya buat menggunakan:

    • HTML
    • CSS
    • spreadsheet dengan google app script
    • Javascript

    manfaat

    • bisa digunakan untuk pendataan
    • bisa digunakan untuk pddb online
    • bisa digunakan untuk untuk proses registrasi apapun secara online

    fitur

    • formulir online
    • form validation

    link

    • we

About

Menyimpan daftar Project Kalian yang sudah disubmit di Discord

Resources

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published