Open Source Project

Open Source Project

Sebagai seorang developer, tidak lengkap rasanya kalau belum berkontribusi buat masyarakat atau dalam lingkup sempit paling tidak berkontribusi bagi sesama developer. Ini seperti rasa terima kasih atas segala pengetahuan yang diberikan pada kita.

Berikut open source project yang telah saya buat, sebagian besar sudah bisa Anda lihat di Github saya. Sebagian juga bukan merupakan project yang besar dan hanya berupa tutorial penggunaan suatu tools atau framework. Berikut daftarnya :

Angular

    1. AngularJS Starwars
      Merupakan implementasi penggunaan Starwars API dari http://swapi.co menggunakan ExpressJS untuk routing backend dan AngularJs v.1.x sebagai client side framework.Link : https://github.com/mazipan/SampleSPA-SwapiApi
    2. Ng2-Starwars
      Masih dengan Starwars API namun menggunakan full Angular2 sebagai pengolah datanya.Link : https://github.com/mazipan/ng2-starwars
    3. AngularJs Basic Tutorial
      Merupakan tutorial beserta contoh kode untuk mengenal dan memahami dasar-dasar AngularJs v.1.xLink : https://github.com/mazipan/angularjs-basic-tutorial
    4. Contact Book
      Merupakan Contact Book application yang dibuat menggunakan AngularJS dan ExpressJS.Link : https://github.com/mazipan/nodejs-simple-contact-webapp
    5. Angular2 Simple Alert Component
      Merupakan komponen alert yang bisa digunakan berulang dengan tampilan seperti SweetAlert namun dibuat menggunakan Angular2.Link : https://github.com/mazipan/ng2-simplert
    6. Angular-WWWID
      Merupakan projek PWA RSS Reader untuk publikasi medium WWWID menggunakan Angular.Link : https://github.com/mazipan/angular-wwwid

Vue.js

  1. Vue2 Simple Alert Component
    Komponen Alert sederhana seperti SweatAlert yang dibuat diatas Vue2.Link : https://github.com/mazipan/vue2-simplert
  2. Vue2 Currency Filter
    Vue2 plugins untuk filter string menjadi tampilan sebuah nominal harga sesuai dengan setting yang diinginkan.Link : https://github.com/mazipan/vue-currency-filter
  3. Vue Select Image
    Plugin untuk membuat komponen image selection.Link : https://github.com/mazipan/vue-select-image
  4. Vue Ionicons
    SVG icons set dari Team Ionicons.Link : https://github.com/mazipan/vue-ionicons
  5. Vue Google Adsense
    Vue.js Google Adsense komponen dengan dukungan iklan dengan tipe InFeed dan InArticle.Link : https://github.com/mazipan/vue-google-adsense
  6. Vue Tiny Lazyload Img
    Vue.js lazyload image directive menggunakan IntersectionObserver.Link : https://github.com/mazipan/vue-tiny-lazyload-img
  7. Github Explorer
    Browse github menggunakan Github API v3 dan Vue2.Link : https://github.com/mazipan/explore-github
  8. Chuck Norris Jokes Generator
    Vue 2 web apps untuk men-generate Chuck Norris jokes.Link : https://github.com/mazipan/chucknorris
  9. FireJak
    Vue 2 web apps untuk menampilakan dan mencari pos pemadam kebakaran yang terdapat di Jakarta.Link : https://github.com/mazipan/FireJak
  10. RumahSakitJakarta
    Vue 2 web apps untuk menampilkan dan mencari daftar rumah sakit umum, rumah sakit khusus dan puskesmas yang ada di Jakarta.Link : https://github.com/mazipan/RumahSakitJakarta
  11. Vue-WWWID
    Vue 2 RSS Reader untuk publikasi medium WWWID, dengan dukungan dari Workbox untuk membuat aplikasi PWA.Link : https://github.com/mazipan/vue-wwwid

React.js

  1. React.js Simple Alert Component
    Komponen Alert sederhana seperti SweatAlert yang dibuat menggunakan React.js.Link : https://github.com/mazipan/react-simplert
  2. Ghibli Fans
    Daftar film, karakter, dan berbagai hal mengenai Ghibli Studio. Dibuat menggunakan Preact dan Redux.

    Link: https://github.com/mazipan/ghibli-fans

ExtJS

  1. ExtJS – TNMD
    Merupakan contoh dashboard monitoring menggunakan framework ExtJS di pandu dengan javascript library untuk charting FusionChart.Link : https://github.com/mazipan/ExtJS-TNMD
  2. Network Dashboard
    Masih sama sebagai contoh pembuatan dashboard monitoring dengan ExtJS dan FusionChart.Link : https://github.com/mazipan/ExtJS-NetworkDashboard

CSS

  1. CSS Style Guide
    Merupakan terjemahan bahasa Indonesia dari panduan CSS yang dibuat aslinya oleh AirBnb.Link : https://github.com/mazipan/css-style-guide
  2. Lightweight Admin Template
    Admin template yang dibuat seminimal mungkin dengan persepsi bahwa tidak semua hal yang biasanya ada di admin template dibutuhkan oleh User.Link : https://github.com/mazipan/lightweight-admin-template
  3. Bulma Admin Template
    Admin template yang dibuat menggunakan framework CSS Bulma.Link : https://github.com/mazipan/bulma-admin-dashboard-template
  4. Milligram Admin Template
    Admin template yang dibuat menggunakan framework CSS Milligram.
    Link : https://github.com/mazipan/milligram-admin-dashboard-template
  5. PaperCSS Admin Template
    Admin template yang dibuat menggunakan framework CSS PaperCSS.
    Link : https://github.com/mazipan/papercss-admin-dashboard-template
  6. Bootstrap 4 Admin Template
    Admin template yang dibuat menggunakan framework CSS Bootstrap 4.
    Link : https://github.com/mazipan/bootstrap4-admin-dashboard-template
  7. CSS Framework – BEM-Kit
    Merupakan CSS Framework yang dibuat menggunakan aturan dari BEM CSS. Dibuat menggunakan SASS dan mengimplementasikan silent extend sehingga bisa digunakan hanya bagian yang dibutuhkan saja.Link : https://github.com/mazipan/bem-kit
  8. Normalize Preprocessor
    Versi preprocessor (Less, Stylus, Sass, Scss) dari sebuah reset CSS populer yakni Normalize.
    Link : https://github.com/mazipan/normalize.preprocessor

NodeJS

  1. ExpressJS Restful Kick Starter
    Merupakan tutorial basic implementasi pembuatan Rest API menggunakan ExpressJS. Untuk client side sendiri terdapat 3 varian menggunakan jQuery, AngularJS, atau menggunakan VueJS.Link : https://github.com/mazipan/nodejs-simple-restfull-with-express
  2. Swagger UI di NodeJS
    Contoh implementasi Swagger.io sebagai API dokumentasi di NodeJS.Link : https://github.com/mazipan/sample-swagger-for-nodejs

Java

  1. Swing Custom Component
    Merupakan kumpulan beberapa komponen Java Swing yang telah di make over, juga terdapat beberapa library yang bisa digunakan di project Swing Anda.Link : Java-SwingCustomComponent
  2. Simple Application Desktop Template
    Merupakan template standard yang sering saya gunakan untuk initiate project Swing baru. Bisa disebut semacam boilerplate untuk project Swing. Di dalamnya sudah terdapat JFrame utama, JInternalFrame, JDialog dan Menu-menu utama yang telah ditata.Link : JavaSwing-SimpleApplicationDesktopTemplate
  3. Java Servlet Perpustakaan Online
    Merupakan web application yang dibuat menggunakan basic JavaEE Servlet.Link : Java-PerpustakaanOnline

PHP

  1. Learn PHP OOP
    Merupakan project Saya dalam belajar PHP Native dengan konsep OOP. Masih ada beberapa konsep yang salah dalam Project ini, namun masih bisa dipelajari untuk para pemula.Link : https://github.com/mazipan/learn-php-oop-like-java

Static Blog

  1. PHP Indonesia Chapter Jakarta Website
    Merupakan website official komunitas Php Indonesia Chapter Jakarta yang dibuat menggunakan Jekyll.Link : https://github.com/phpid-jakarta/phpid-jakarta.github.io
  2. FT UMJ IV Blog
    Merupakan static blog yang dibuat menggunakan wintersmith untuk group alumni P2K FT UMJ Angkatan IV.Link : https://github.com/ft-umj-4/story

 

Lihat juga artikel :

1. Ebook Programming