/project-kalian

Menyimpan daftar Project Kalian yang sudah disubmit di Discord

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. [http://nunnaa.com/desa/]
    nahers24

  5. [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

  6. [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

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

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

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

  10. [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]
    Johansen Junias
    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