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) [https://www.behance.net/gallery/106269543/About-Banking-Mobile-App] [https://whatsy.now.sh/] [http://japannest.glitch.me/] [https://dbyjar.com/] [http://www.indoskuat.net/] [https://github.com/raisoturu/eliza-line-chatbot] [https://mikeultron.github.io/] [https://fthrobby.github.io/] [https://gunawanahmad.github.io/] [https://sumbar-pedia.com/] [https://mabakampus.com/] [https://ayoboga.com/] [http://belanja.freecluster.eu/] [https://satrianet.com/] [https://aldirvn.github.io/] [https://indoit.net/] [https://onecirclesoftware.com/] [https://npwpbywarkim.netlify.app/] [https://sekilas13.github.io/] [https://resir014.xyz/] [https://royalkaraokebar.com/] [https://cv-rizky.web.app/] [https://infoin.org/] 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 [https://rian-wahid.github.io/] [https://pandemic-era.vercel.app/pages/beranda.html] Untuk animasi nya saya menggunakan format svg lalu saya animasi dengan CSS. Kritik dan sarannya teman"
semua terimakasih [https://satyawikananda.tech/] [https://codestronaut.github.io/] [https://hudadamar21.github.io/code-highlighter/] [https://christmex.github.io/] [http://agusbeee.rf.gd/] [https://elanghda.000webhostapp.com/] [https://bouncer.studiocloud.site/] [https://maba.my.id/] 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 : 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 [https://evoting-school.spektaweb.com/] [http://host.hartonomotor.xyz/quiz] 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 [https://doddyapa.github.io/] [https://www.dedeard.my.id/] [https://dindatiwi.github.io/STMTawor/] [https://photosheets.web.app/] [https://intermovie-1f6e3.web.app/] [https://github.com/bagasnur/Intermovie] Exagas [https://github.com/mpampamdev/m-code] mpampamdev M-CRUD Generator manage user manage group manage permission RBAC manage menu setting system ajax crud Serverside datatable Bulilt in PHP V.7.4 [https://semuatau.net/] nothing02 Saya buat menggunakan ci4+bootstrap [https://haizim.one/iseng/trend-history/analytics] haizim 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 [https://haikalfikri.com/pilkasis] haikalfiikrii saya membangun project ini menggunakan PHP, tolong masukkannya jika ada bug atau fitur fitur yang kurang yang dianggap pnting [https://bocahgabut.github.io/colordetections] boch_gabut [https://mziaulhaq.com/] 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. [https://play.google.com/store/apps/details?id=com.ajailani.casher] [https://covid19tracker-fdc17.web.app/] Dibuat menggunakan : [https://calcall.netlify.app/] Dibuat
menggunakan HTML, CSS, JavaScript, dan sedikit jQuery Mohon maaf kalo ada bug Disarankan menggunakan hp [http://andibahtiar.epizy.com/] [http://andibahtiar.epizy.com/] Dibuat menggunakan HTML,CSS,Bootstrap 4, dan Javascript [https://p34c3-khyrein.linuxploit.com/covid/] Tech: [https://cdn.discordapp.com/attachments/758600947692732436/782862694851936266/e-commerce.jpg] 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 [https://demo-vote.netlify.app/] Dibuat dengan: Link repository: [https://github.com/hendraaagil/vote-server] [https://github.com/hendraaagil/vote-client] [https://arrahgallery.netlify.app/] Kritik atau saran akan sangat membantu, Terimakasih. [https://ilham25.github.io/] [https://ngotes.netlify.app/] Dibuat pake: [https://github.com/skymunn/Discord-Template] Di dalam templatenya sudah tersedia example command, jest testing, bahkan database migration (makasih untuk Sequelizer untuk masalah
ini) [http://singgiproject.xyz/] 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 [https://convert-satuan.vercel.app/] [https://hanifz.com/] [https://wibucode.com/] [https://next-landing-vpn.vercel.app/] [https://github.com/rushkii/maid_manga_id] [http://ariefsn.my.id/] [https://www.ajarbelajar.com/] website ini aku buat menggunakan: [https://mnhjddn.github.io/work.html?code=layout-builder] Ijin share layout builder sederhama mas/mba sekalian. Saya buat pakai javascript, bootstrap, fontawesome. Untuk live demo bisa dilihat di sini: [https://skytours.netlify.app/] Bagi yang ingin memakai endpoint dari Rest API yang telah kami buat, ini link-nya :
[https://peaceful-river-55348.herokuapp.com/] [https://e-learning-frontend.tegar.me/] Source Code : [https://github.com/tegar97/e-learning] [https://weneeddev.netlify.app/] 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] [https://bitxtchatanalyzer.tibudiyanto.repl.co/] Code :
[https://repl.it/@tibudiyanto/BitxtChatAnalyzer#main.py] Library: [https://github.com/gitfarhan/chat_analytics] [https://play.google.com/store/apps/details?id=site.studiocloud.appcraft] [https://play.google.com/store/apps/details?id=site.studiocloud.appcraft] [http://if.undiksha.ac.id/] 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 [https://watchinema.web.app/] 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 [https://ayoshop.ayoboga.com/] [http://thandoko.epizy.com/] saya menggunakan bootstrap v4 terimakasih [https://mnhjddn.github.io/work.html?code=layout-builder] [https://zulkamaula.github.io/] Keterangan Web : [https://danoobboii.github.io/] untuk yang lain2 aku kerjain sendiri [http://syahrulramadhan.epizy.com/] [https://azharizkita.github.io/] [https://muhammadzulfa.github.io/] [https://spacesal.github.io/screen/] [https://parawisely.netlify.app/] [https://andre12001.github.io/] [https://budiono.my.id/] -Html -Css -Js Library :
-Aos Js [https://tiyoy.netlify.app/] Dibuat menggunakan HTML, CSS & Vanilla Javascript.. [https://sort-css.netlify.app/] Vscode extension nya masih process ( [https://github.com/apriliandi246/vscode-sort-it] mungkin bisa bantu saya contribute wkwk [https://haizim.one/] Juga bisa ganti tema lewat pilihan di kanan atas itu.. Dibuat dengan: klo ada kritik dan saran monggo.. dan.. Enjoy it ^_^ [https://elfaritsi.github.io/] [https://cdn.discordapp.com/attachments/758600947692732436/786144016952983563/Kenal_Alumni_One_Page.png] [https://carousnap.github.io/] 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 [https://itsfaqih.vercel.app/] [https://eloquent-jennings-367bd3.netlify.app/] [https://website-serbaguna.racyete.repl.co/] Saya izin share website namanya "Website Serbaguna", website ini fungsinnya untuk mendapatkan info dari API yang saya dapatkan Website ini dibuat dengan Source Code: [https://github.com/EmangGek/Website-Serbaguna] [https://github.com/ichsansaid/Codeigniter3-RoomLibrary] Saya kemarin baru buat library bernama "Room" yang memiliki fitur yang sama dengan View Layouts di CI4 [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] 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. [https://anime-quote-generator.netlify.app/] Dibuat dengan: [https://gedeyoga.github.io/dalank/] 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 [https://budiono.my.id/] 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: [https://npmjs.com/package/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: 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 _/ [https://reinaldousadani.github.io/] [https://tmviz.vercel.app/] 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 [https://app.isfidev.net/isfidevpost] 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 [https://hwi-2021.000webhostapp.com/] dashboardnya : /admin user untuk mau liat ada apa aja di dalemnya : user:
pass: as terimakasih [https://suratpad.com] Namanya Suratpad[dot]com Situs generator Surat resmi. Ada beberapa Fitur yang lumayan menarik, diantaranya: Dibuat dengan: Note : Beberapa fitur masih versi Beta, Jadi sangat menerima Kritik dan Saran dari teman-teman. [https://gift-store-landing-page.netlify.app/] Dibuat dengan: 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] [https://studiocloud.dev/] [https://app.daftarbelanja.com/] 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)., Backend Frontend [https://ilhamhafidz404.github.io/my_Portfolio/] Disini saya menggunakan : Ada
juga beberapa tool js yang saya gunakan seperti : Mohon untuk kritik dan saran nya dari pak dika dan temen temen🙏 [https://github.com/codestronaut/resto-submission-1] 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] [https://github.com/ichsansaid/Codeigniter3-RoomLibrary] 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] [https://anitop.vercel.app/] 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] [https://www.alquran.digital/] [https://indraarsy.wtf/] [https://ari-rudiana.netlify.app/] [https://github.com/sekilas13/nva13] Ini dibuat pake : - Express - MongoDB - ExpressJS - Bootstrap - jQuery - Socket.io Pastiin udah ada MongoDB yang udah ke install dan jalan. Halaman utamanya ada dua 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. [https://danoobboii.github.io/Portofolio-v2/index.html] [https://team-dev.herokuapp.com/] Menggunakan bootstrap v4 Maaf masih kurang mirip ama design :face_with_hand_over_mouth: [https://haizim.one/iseng/cek-typo/] 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 [https://profile-portfolio.netlify.app/] [https://nimedesuv2.herokuapp.com/] [https://titik-koma.netlify.app/] [https://mwafa.net/] Framework: NextJS, Banner: ParticleJS Chart: ChartJS Backend: GithubAPI [https://geraimuthukodedemo.000webhostapp.com/muthukode.html] [https://joonacode.github.io/woocommerce-landing/] [https://jtimeline.netlify.app/] [https://joonacode.github.io/react-datawarehouse/] [https://joonacode.github.io/react-ecocabins/] [https://joonacode.github.io/react-smartwatch/] [https://oasis-clothing.herokuapp.com/] 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😅 Design visual saya tiru dari website
[https://www.getwelly.com/] [https://adhywiranto44.github.io/] [https://gajahorangsemut-multiplayer.racyete.repl.co/] Website dibuat dengan [http://race211.bitbucket.io/] [https://line.me/R/ti/p/@668xctgv] 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] [https://makan-dikita.herokuapp.com/] [https://todol.rf.gd/] Pakai Vanilla javascript, Bootstrap, GSAP js. Kendala nya diwaktu sama pusing 1000 malam [https://hudadamar21.netlify.app/] [https://weatherind.netlify.app/] [https://belajar-online.ridoananda.my.id/] Untuk fiturnya sangat banyak,... Ada 3 Role/Aturan Pengguna dan Setiap Pengguna Memiliki Hak Akses Masing Masing… GURU ~ Tugas 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 Itulah Fitur-fitur Yang Tersedia. Setiap Pengguna Dapat Akses PROFIL dan NOTIFIKASI. Terimakasih Sudah Membaca nya. [https://reksaandhika.com/] 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 [https://weebflix.netlify.app/] Repo github nya: [https://github.com/buckypinkman/nuxt-weebflix-animelist] [https://foundation.supryantowp.tech/] [https://endabelyu.github.io/] 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 [http://bagikelompok.rf.gd/] 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. [https://do-time.netlify.app/] HTML, CSS, JS Utk library nya pakai list js sama picker js [https://dimas-ngoding.github.io/blog-portfolio/] Dibuat pakai html, scss, javascript, bootstrap. Librarynya aos dan typed js waktu pengerjaan 3-5 Jam [https://anggihseptiawan.netlify.app/] Tech stack yg dipake : [http://www.covid19worldview.cyou/] 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 [https://www.maiundangan.com/] 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] [https://tegar-deyustian.netlify.app/] GitHub:
[https://github.com/lynxeevnxx/portfolio] [https://sharp-pasteur-52eaa7.netlify.app/] GitHub :
[https://github.com/polongaziz/tribute-page] terimakasih ilmunya pak semoga berkah [https://moladev20.github.io/Foodpedia.github.io/] GitHub : [https://github.com/MOLAdev20/Foodpedia.github.io] [https://bookmark-website.netlify.app/] 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] [https://kikiding.space/] GitHub :
[https://github.com/codingki/personal-site] [https://fikrimulyanasetiawan.github.io/] 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] [https://alwaysngoding.com/] Proyeknya berupa website untuk belajar pemrograman dan pengembangan website secara online, banyak sekali cerita & tantangan dalam pengerjaannya diantaranya: 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: [https://kawanpeduli.site/] 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] [https://saiful-akbar13.web.app/] Disini saya menggunakan react js & material-ui GitHub :
[https://github.com/saiful-akbar/saiful-akbar] [https://fyfirman.tech/] [https://xhry.github.io/] GitHub : [https://github.com/xhry/xhry.github.io] [https://akornime.site/] 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] [https://devnazir.github.io/movietrailer/] Source Code: [https://github.com/devnazir/movietrailer] [https://intip.in/heart2heart] 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 [https://elwinmusadi.github.io/travel-queen] Untuk source code: [https://github.com/ElwinMusadi/travel-queen] Mohon kritik dan sarannya. Jika berkenan dapat berkontribusi langsung ke repository-nya. Terima kasih [https://zikircounter.netlify.app/] [https://pengaduan-smkn2kra.netlify.app/] 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 detail projectnya dan siapa saja kontributornya bisa cek di : Untuk akun yang bisa dipakai login : Email ->
Password -> user123 Kritik dan saran bisa disampaikan di sini atau bisa open issue di repository github tadi, hehe. Terima kasih [https://ghazthiskc19.github.io/Project-Bootsrap-3] 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 [https://hymos.github.io/ekskresi] 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 [https://endeavour821.github.io/] GitHub
: [https://github.com/Endeavour821/Endeavour821.github.io] [https://fyfirman.tech/] [https://faeest.rf.gd/] Tools : CSS , Vanilla JS
, GSAP JS, PHP , Chart JS , Bootstrap. [https://flipcard.xyz/] Project ini memungkinkan pengguna berbagi informasi
tentang dirinya dan meletakkan beberapa akun hanya dalam satu link. Teknologi yang digunakan : Front End 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 [https://sukistore.netlify.app/] [https://eliezerdev.github.io/] GitHub :
[https://github.com/EliezerDev/EliezerDev.github.io] [https://crypto-market-navy.vercel.app/] 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 [https://islamic-bit.netlify.app/] [https://mnhjddn.github.io/work.html?code=layout-builder] 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. [https://eripurniawan.great-site.net/] [https://iqballbayhaqi.github.io/] [https://ramsonrajagukguk.github.io/pw_LandingPageGlassmorphis/] 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 : Source code : [https://github.com/ramsonrajagukguk/pw_LandingPageGlassmorphis] [https://esteh.skom.id/] [https://izfan.netlify.app/] [https://akmalkhair.cf/] [https://faeest.rf.gd/janken] [https://ridhoadtyaa.github.io/cek-resi/] Dibuat
dengan : Yang mau source code dan docs API nya bisa main ke repo saya : [https://github.com/ridhoadtyaa/cek-resi] [https://tausos.netlify.app/] Made by: html css js bootstrap Description: Tausos adalah website untuk menyimpan link sosial media, terinspirasi dari website ini.space punya bang hilmangrin [http://adeyusuf-portfolio.000webhostapp.com/] 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 [https://eliezerdev.github.io/Quotes/] Project ini saya buat menggunakan bootstrap 5, dan saya memakai API dari [https://goquotes.docs.apiary.io/] Source Code: [https://github.com/EliezerDev/Quotes] [https://fajarfirdaus.now.sh/] Framework : [https://halamanku.web.id/] 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 : Juga udah dilengkapi sama analytics sederhana yang mencakup : oiya, buat contoh yang pernah dibuat : [https://halamanku.web.id/enzowedding2] Silahkan klo mau dishare.. semoga membantu [https://wesee.tegar.me/] 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 [https://almed-std.github.io/] [https://moladev20.github.io/learnio.github.io/] 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 [https://madkod.my.id/] Jika kalian kurang nyaman dengan tampilan cerah maka kalian bisa nyalakan mode malam pada bagian footer. [https://kuchingneko28.github.io/landing-page/src/] Source code: [https://github.com/kuchingneko28/landing-page] Mohon kritik dan saran nya baru belajar front end [http://rijal.epizy.com/] boleh
kritik dan sarannya, sangat membantu sekali pak, terima kasih [https://alquranku.netlify.app/] 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) 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 😅 ) [https://github.com/satyawikananda/awesome-loker-it-indonesia] 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. [https://antonwiji.github.io/] Serta Penambahan Kirim Pesan Email. Silahkan kritik dan saran dari pak dika. Wassalamu'alaikum wr.wb [https://nicofzzn-typemaster.netlify.app/] terimakasih GitHub : [https://github.com/nicofzzn/typemaster] [https://yanamaulana.github.io/] GitHub :
[https://github.com/yanamaulana/yanamaulana.github.io] [https://faeest.rf.gd/card-flip] Tools :
HTML, CSS, Vanilla JS, GSAP, Bootstrap, FontAwesome Note : GitHub : [https://github.com/SiMamank115/card-flip.git] [https://adhywiranto44.herokuapp.com/] Stack: [https://rafaelbrahmantya.github.io/] GitHub : [https://github.com/rafaelbrahmantya/rafaelbrahmantya.github.io] [https://rakit.esyede.my.id/] 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 Links Stack:
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. [https://tiyoy.github.io/responsive-resume-cv/] Saya menggunakan : Untuk Library nya Saya menggunakan : Fitur dari web sederhana ini : 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] [https://tulusibrahim.github.io/portfolio/] Dibikin dengan html, css, js, gsap. Minta kritik, saran biar design nya bisa lebih bagus lagi, terima kasihh. GitHub : [https://github.com/tulusibrahim/portfolio] [https://haniframadhani.github.io/] Mohon kritik dan saran serta beritahu saya jika ada yang bermasalah dengan website saya. [https://climher.netlify.app/] Untuk API nya saya pakai OpenWeatherMap. Tema web nya juga akan berganti otomatis saat siang dan malam. [https://fajarr-m.github.io/] Saya menggunakan: Silahkan kritik dan sarannya dari pak dhika dan teman teman semua, Terimakasih. GitHub:
[https://github.com/Fajarr-M/Fajarr-M.github.i] [https://beaunature.netlify.app/] GitHub:
[https://github.com/gilangcsy/beaunature] [https://ghazthiskc19.github.io/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 ? GitHub:
[https://github.com/ghazthiskc19/Project-Bootsrap-3] [https://hudadamar21.github.io/miku-hitme/] GitHub:
[https://github.com/hudadamar21/miku-hitme] [https://kewcoder.github.io/] GitHub:
[https://github.com/kewcoder/kewcoder.github.io] [https://brondok.chanofficial.com/] 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 [https://blogzen.surge.sh/] [https://ramsonrajagukguk.github.io/pw_hutacase/] GitHub: [https://github.com/ramsonrajagukguk/pw_hutacase] [https://cept.github.io/GithubUser/] 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] [https://rapi-ui.kikiding.space/] Demo : [https://expo.io/@kidingki/projects/react-native-rapi-ui-showcase] Github :
[https://github.com/codingki/react-native-rapi-ui] [https://ditttt.github.io/dittttlinktree.github.io/] Github : [https://github.com/Ditttt/dittttlinktree.github.io] [https://ryuuwiz.github.io/team-generator/] Project ini saya buat karena selalu melihat Pembagian Kelompok yang kurang adil. Github : [https://github.com/ryuuwiz/team-generator] [https://fiqriardiansyah-82a2c.web.app/] Github: [https://github.com/fiqriardiansyah/readme] [https://aufarijaal.github.io/home/] fitur: teknologi yang digunakan: Resource: Cara pakai: Github: [https://github.com/aufarijaal/home] Terimakasih. btw barangkali nemuin
"hama" mon maap yak, masih belajar juga hehe [https://gunawanahmad.github.io/pathfinding-visualizer/#/] Untuk tools Pake Vue JS dan SCSS Link GITHUB : [https://github.com/GunawanAhmad/pathfinding-visualizer] Link Portfolio : [https://gunawanahmad.github.io/] Terimakasih Semuanya [https://project-kalian.githubpage.my.id/] 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. [https://peterchristoval.github.io/] 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] [http://pondok.airdev.tech/#/] link GITHUB :
[https://github.com/cv-irvan/islamapps] link PROFILE : [http://www.airdev.tech/] [https://haizim.one/blog] 10 April 2021
17 April 2021
24 April 2021
1 Mei 2021
8 Mei 2021
15 Mei 2021
22 Mei 2021
29 Mei 2021
5 Juni 2021
12 Juni 2021
19 Juni 2021
26 Juni 2021
3 Juli 2021
10 Juli 2021
17 Juli 2021
24 Juli 2021
31 Juli 2021
7 Agustus 2021
14 Agustus 2021
21 Agustus 2021
28 Agustus 2021
2 September 2021
4 September 2021
9 September 2021
11 September 2021
17 September 2021
18 September 2021
23 September 2021
25 September 2021
30 September 2021
2 Oktober 2021
9 Oktober 2021
14 Oktober 2021
21 Oktober 2021
29 Oktober 2021
30 Oktober 2021
5 November 2021
11 November 2021
13 November 2021
27 November 2021
4 Desember 2021
11 Desember 2021
18 Desember 2021
26 Desember 2021
1 Januari 2022
SPONSOR
9 Januari 2022
15 Januari 2022
SPONSOR
22 Januari 2022
###SPONSOR
30 Januari 2022
###SPONSOR
5 Februari 2022
###SPONSOR
12 Februari 2022
|