├── README-ID.md └── README.md /README-ID.md: -------------------------------------------------------------------------------- 1 | # Proyek Sumber Terbuka dari Frontend Indonesia 2 | 3 | > Repositori ini berisi daftar proyek sumber terbuka, beberapa isu yang bisa diselesaikan dan pranala penting seputar sumber terbuka 4 | 5 | ## 🌎 Bahasa 6 | 7 | Baca deskripsi ini dalam bahasa lain: 8 | 9 | - [🇬🇧 English](./README.md) 10 | 11 | ## 🆘 Isu yang Perlu Bantuan 12 | 13 | ### i18n/l10n 14 | 15 | - TypeScript - https://github.com/microsoft/TypeScript-Website/issues/938 16 | - Nuxt.js - https://github.com/nuxt/nuxtjs.org/issues/549 17 | - React - https://github.com/reactjs/id.reactjs.org 18 | - Svelte - https://github.com/svelteid/svelte3-translation-id 19 | - Javascript.info - https://github.com/javascript-tutorial/id.javascript.info 20 | - Vue.js - https://github.com/vuejs-id/docs-next 21 | - Swift - https://github.com/supercomputra/BahasaPemrogramanSwift 22 | 23 | ## Proyek Sumber Terbuka 24 | 25 | Anda dapat menambahkan proyek sumber terbuka Anda dengan format: 26 | 27 | ```markdown 28 | - [nama proyek](pranala repositori proyek) oleh [nama pembuat](pranala profil pembuat) - deskripsi - kata kunci 29 | ``` 30 | 31 | khusus untuk proyek sumber terbuka berjenis Blog, formatnya seperti berikut: 32 | 33 | ```markdown 34 | - [nama blog](pranala repositori proyek) oleh [nama pembuat](pranala profil pembuat) - kata kunci 35 | ``` 36 | 37 | mohon untuk mengurutkannya secara alfabetis naik. 38 | 39 | ### Aplikasi 40 | 41 | - [Buku Saku Pramuka](https://github.com/mazipan/buku-saku-pramuka) oleh [Irfan Maulana](https://github.com/mazipan) - Buku saku pramuka dalam versi web - Next.js, Pramuka 42 | - [pm2-panel](https://github.com/pedox/pm2-panel) oleh [pedox](https://github.com/pedox) - Panel monitoring sederhana untuk pm2 dibuat dengan React dan Next.js - React, Next.js 43 | - [Sekolahku-ID](https://github.com/satyawikananda/Sekolahku-ID/) oleh [Satya Wikananda](https://github.com/satyawikananda) - Sebuah aplikasi pencari sekolah yang ada di Indonesia - Vue.js, Vuetify, Sekolah 44 | 45 | ### Situs web 46 | 47 | - [Situs web covidmonitor.now.sh](https://github.com/burhanahmeed/covidmonitor) oleh [Burhan](https://github.com/burhanahmeed) - Vue.js 48 | - [Situs web indonesia-covid19.surge.sh](https://github.com/MochIsrin068/indonesia-covid19-info) oleh [Muhammad Isrin](https://github.com/MochIsrin068) - React 49 | - [Situs web kabarvirus.com](https://github.com/ariya/kabarvirus) oleh [Ariya Hidayat](https://github.com/ariya) - vanilla 50 | - [Situs web kawalcovid19.id](https://gitlab.com/kawalcovid19/website/kawalcovid19.id/) oleh [komunitas KawalCOVID19](https://gitlab.com/kawalcovid19) - React, Next.js, WordPress 51 | - [Situs web SEKAI.ID](https://s.sekai.id/git-web) oleh [SEKAI.ID](https://gitlab.com/sekaidotid) Next.js, TypeScript, Contentful, TailwindCSS 52 | - [Situs web pantaucovidapp.netlify.app](https://github.com/fiqryq/Pantaucovid-Dashboard) oleh [Fiqry choerudin](https://github.com/fiqryq) - Vue.js 53 | 54 | ### Blog 55 | 56 | - [andriawan.com](https://github.com/andriawan/andriawan.com) oleh [Muhammad Irwan Andriawan](https://github.com/andriawan) - React, Gatsby 57 | - [adibfirman.github.io](https://github.com/adibfirman/adibfirman.github.io) oleh [Adib Firman](https://github.com/adibfirman) - React, Gatsby 58 | - [Blog 3.0](https://github.com/mazipan/blog-3.0) oleh [Irfan Maulana](https://github.com/mazipan) - React, Gatsby 59 | - [Griko Nibras](https://github.com/grikomsn/griko.id) oleh [Griko Nibras](https://github.com/grikomsn) - React, Next.js 60 | - [hanihusam.com](https://github.com/hanihusam/hanihusam.com) oleh [Hani Husamuddin](https://github.com/hanihusam) - React, Next.js 61 | - [iyansr.id](https://github.com/iyansr/iyansr.id-reborn) oleh [Iyan Saputra](https://github.com/iyansr) - React, Next.js, Framer Motion, Strapi 62 | - [Nusendra's blog](https://github.com/nusendra/blog) oleh [Nusendra](https://github.com/nusendra) - Svelte, Sapper 63 | - [resir014.xyz](https://github.com/resir014/resir014.xyz) oleh [Resi Respati](https://github.com/resir014) - React, Next.js 64 | - [sonnylab.com](https://github.com/sonnylazuardi/sonnylab.com) oleh [Sonny Lazuardi](https://github.com/sonnylazuardi) - React, Gatsby, Framer Motion 65 | - [zainfathoni.com](https://github.com/zainfathoni/www.zainfathoni.com) oleh [Zain Fathoni](https://github.com/zainfathoni) - React, Gatsby 66 | - [arisris.com](https://github.com/arisris/arisris.com) oleh [Aris Riswanto](https://github.com/arisris) - React, Next.js, Gist Blog, Guestbook, NextAuth 67 | 68 | ### Komponen Antarmuka 69 | 70 | - [React Datepicker Component](https://github.com/adibfirman/react-datepicker) oleh [Adib Firman](https://github.com/adibfirman) - Sebuah _datepicker_ mengagumkan untuk aplikasi React Anda, dibangun dengan _Framer Motion_ - React, _Datepicker_ 71 | - [React Web Monetization UI](https://github.com/ekafyi/react-web-monetization-ui) oleh [Eka](https://github.com/ekafyi) - Komponen antarmuka yang berguna untuk API Web Monetization pada React - React, Monetization 72 | - [Tetikus](https://github.com/Namchee/tetikus) oleh [Namchee](https://github.com/Namchee) - (Eksperimental) Sebuah komponen kursor sederhana yang dapat dikustomisasi untuk Vue 3 ✌️ - Vue, _Custom Cursor_ 73 | - [Vue Scheduler](https://github.com/burhanahmeed/vue-daily-schedule) oleh [Burhan](https://github.com/burhanahmeed) - Sebuah komponen penjadwalan harian yang mudah untuk VueJS / NuxtJS - Vue, Scheduler 74 | 75 | ### Bahasa Pemrograman 76 | 77 | - [Naskah](https://github.com/pveyes/naskah) oleh [Fatih Kalifa](https://github.com/pveyes) - Bahasa pemrograman dengan sintaks Bahasa Indonesia - JavaScript, Rust 78 | 79 | ### Proyek Awalan 80 | 81 | - [JungleJS + Storybook + TailwindCSS Starter Site](https://github.com/ekafyi/junglejs-storybook-tailwind) oleh [Eka](https://github.com/ekafyi) - Proyek awalan untuk JungleJS + Storybook + TailwindCSS - Svelte, JungleJS, Storybook, TailwindCSS 82 | - [Preact + Typescript + Parcel](https://github.com/ywnv/preact-typescript-parcel) oleh [Adverse Prelude](https://github.com/ywnv) - Proyek awalan untuk Preact + Typescript + ParcelJS - Preact, Typescript, ParcelJS 83 | - [ReasonReact Parcel Starter](https://github.com/ywnv/reason-react-parcel) oleh [Adverse Prelude](https://github.com/ywnv) - Proyek pemulaan web dengan ReasonReact dan ParcelJS - ReasonML, React, ParcelJS 84 | - [Vredeburg](https://github.com/dafiulh/vredeburg) oleh [Dafiul Haq](https://github.com/dafiulh) - Proyek awalan sederhana untuk membuat blog menggunakan Eleventy dan Tailwind CSS - Eleventy, TailwindCSS 85 | 86 | ### Utilitas 87 | 88 | - [Color Copy Paste](https://github.com/sonnylazuardi/color-copy-paste) oleh [Sonny Lazuardi](https://github.com/sonnylazuardi) - Aplikasi sederhana untuk menyalin warna dari dunia nyata ke peramban, plugin figma atau sketch 89 | - [formstrap](https://github.com/pedox/formstrap) oleh [pedox](https://github.com/pedox) - Integrasi komponen Input Reactstrap dengan utilitas Formik secara mudah - React, Formik, Reactstrap 90 | - [html-form-generator](https://github.com/ywnn/html-form-generator) oleh [Adverse Prelude](https://github.com/ywnn) - Generator Form HTML sederahana mengunakan baris terminal. 91 | - [htmr](https://github.com/pveyes/htmr) oleh [Fatih Kalifa](https://github.com/pveyes/htmr) - Pustaka konversi string HTML ke elemen React yang sederhana dan ringan (< 2kB) - React 92 | - [Nama Gadungan](https://github.com/rizafahmi/nama-gadungan) oleh [Riza Fahmi](https://github.com/rizafahmi) - Pustaka kecil yang dapat membantu kamu untuk mendapatkan nama acak untuk data gadungan atau data _dummy_ yang dapat digunakan untuk aplikasi dan database. Pustaka ini bertujuan untuk eksperimen bagi yang ingin belajar berkontribusi ke proyek opensource. 93 | - [Nuxt Storage](https://github.com/mazipan/nuxt-storage) oleh [Irfan Maulana](https://github.com/mazipan) - Utilitas yang memudahkan pembacaan dan penulisan ke penyimpanan peramban di proyek Nuxt.js - Nuxt, Penyimpanan Peramban 94 | - [QRious](https://github.com/neocotic/qrious) oleh [neocotic](https://github.com/neocotic) - Pustaka murni Javascript yang di ciptakan untuk pembuatan QR Code menggunakan kanvas HTML - qr, qrcode, qrcode-generator, javascript, neocotic qrious 95 | - [raw.macro](https://github.com/pveyes/raw.macro) oleh [Fatih Kalifa](https://github.com/pveyes) - Membaca isi file pada waktu _build_ melalui babel-plugin-macros - Babel 96 | - [React Lazy Viewport](https://github.com/adibfirman/react-lazy-viewport) oleh [Adib Firman](https://github.com/adibfirman) - Muat komponen React Anda berdasarkan _viewport_ peramban - React, _Intersection Observer_, _Viewport_ 97 | - [tempe](https://github.com/masbagal/tempe) oleh [Dimitrij Agal](https://github.com/masbagal) - Utilitas super ringan untuk format penanggalan di Javascript - i18n 98 | - [Vue Currency Filter](https://github.com/mazipan/vue-currency-filter) oleh [Irfan Maulana](https://github.com/mazipan) - Filter mata uang Vue yang ringan berdasarkan accounting.js - Vue, Mata Uang, Akutansi 99 | - [Next.js Api Router](https://github.com/arisris/next-api-router) oleh [Aris Riswanto](https://github.com/arisris) - Router untuk api next.js, terinspirasi oleh [itty-router](https://github.com/kwhitley/itty-router) - Next.js, Api, Itty-Router -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Frontend Indonesia Open Source Project 2 | 3 | > This repository contains open source project, issue that need to be solved and important links related to it 4 | 5 | ## 🌎 Languages 6 | 7 | Read this description in another languages: 8 | 9 | - [🇮🇩 Indonesian](./README-ID.md) 10 | 11 | ## 🆘 Issue that Need Help 12 | 13 | ### i18n/l10n 14 | 15 | - TypeScript - https://github.com/microsoft/TypeScript-Website/issues/938 16 | - Nuxt.js - https://github.com/nuxt/nuxtjs.org/issues/549 17 | - React - https://github.com/reactjs/id.reactjs.org 18 | - Svelte - https://github.com/svelteid/svelte3-translation-id 19 | - Javascript.info - https://github.com/javascript-tutorial/id.javascript.info 20 | - Vue.js - https://github.com/vuejs-id/docs-next 21 | - Swift - https://github.com/supercomputra/BahasaPemrogramanSwift 22 | 23 | ## Open Source Project 24 | 25 | You can add your own open source project using the following format: 26 | 27 | ```markdown 28 | - [name](repository link) by [creator](profile link) - description - keyword 29 | ``` 30 | 31 | specifically for open source blog type projects, the format is: 32 | 33 | ```markdown 34 | - [name](repository link) by [creator](profile link) - keyword 35 | ``` 36 | 37 | please sort it in ascending order. 38 | 39 | ### App 40 | 41 | - [Buku Saku Pramuka](https://github.com/mazipan/buku-saku-pramuka) by [Irfan Maulana](https://github.com/mazipan) - A web version of scout pocket book - Next.js, Scout 42 | - [pm2-panel](https://github.com/pedox/pm2-panel) by [pedox](https://github.com/pedox) - Simple pm2 monitoring built in React and next.js - React, Next.js 43 | - [Sekolahku-ID](https://github.com/satyawikananda/Sekolahku-ID/) by [Satya Wikananda](https://github.com/satyawikananda) - A web app to search schools in Indonesia - Vue.js, Vuetify, School 44 | 45 | ### Website 46 | 47 | - [covidmonitor.now.sh website](https://github.com/burhanahmeed/covidmonitor) by [Burhan](https://github.com/burhanahmeed) - Vue.js 48 | - [indonesia-covid19.surge.sh website](https://github.com/MochIsrin068/indonesia-covid19-info) by [Muhammad Isrin](https://github.com/MochIsrin068) - React 49 | - [kabarvirus.com website](https://github.com/ariya/kabarvirus) by [Ariya Hidayat](https://github.com/ariya) - vanilla 50 | - [kawalcovid19.id website](https://gitlab.com/kawalcovid19/website/kawalcovid19.id/) by [KawalCOVID19 community](https://gitlab.com/kawalcovid19) - React, Next.js, WordPress 51 | - [SEKAI.ID Website](https://s.sekai.id/git-web) by [SEKAI.ID](https://gitlab.com/sekaidotid) - Next.js, TailwindCSS 52 | - [pantaucovidapp.netlify.app website](https://github.com/fiqryq/Pantaucovid-Dashboard) by [Fiqry choerudin](https://github.com/fiqryq) - Vue.js 53 | 54 | ### Blog 55 | 56 | - [andriawan.com](https://github.com/andriawan/andriawan.com) by [Muhammad Irwan Andriawan](https://github.com/andriawan) - React, Gatsby 57 | - [adibfirman.github.io](https://github.com/adibfirman/adibfirman.github.io) by [Adib Firman](https://github.com/adibfirman) - React, Gatsby 58 | - [Blog 3.0](https://github.com/mazipan/blog-3.0) by [Irfan Maulana](https://github.com/mazipan) - React, Gatsby 59 | - [Griko Nibras](https://github.com/grikomsn/griko.id) by [Griko Nibras](https://github.com/grikomsn) - React, Next.js 60 | - [hanihusam.com](https://github.com/hanihusam/hanihusam.com) by [Hani Husamuddin](https://github.com/hanihusam) - React, Next.js 61 | - [iyansr.id](https://github.com/iyansr/iyansr.id-reborn) by [Iyan Saputra](https://github.com/iyansr) - React, Next.js, Framer Motion, Strapi 62 | - [Nusendra's blog](https://github.com/nusendra/blog) by [Nusendra](https://github.com/nusendra) - Svelte, Sapper 63 | - [resir014.xyz](https://github.com/resir014/resir014.xyz) by [Resi Respati](https://github.com/resir014) - React, Next.js 64 | - [sonnylab.com](https://github.com/sonnylazuardi/sonnylab.com) by [Sonny Lazuardi](https://github.com/sonnylazuardi) - React, Gatsby, Framer Motion 65 | - [zainfathoni.com](https://github.com/zainfathoni/www.zainfathoni.com) by [Zain Fathoni](https://github.com/zainfathoni) - React, Gatsby 66 | - [arisris.com](https://github.com/arisris/arisris.com) by [Aris Riswanto](https://github.com/arisris) - React, Next.js, Gist Blog, Guestbook, NextAuth 67 | 68 | ### UI Component 69 | 70 | - [React Datepicker Component](https://github.com/adibfirman/react-datepicker) by [Adib Firman](https://github.com/adibfirman) - An awesome Datepicker for your React APP, built in with Framer Motion - React, Datepicker 71 | - [React Web Monetization UI](https://github.com/ekafyi/react-web-monetization-ui) by [Eka](https://github.com/ekafyi) - Handy UI components to use with the Web Monetization API in React - React, Monetization 72 | - [Tetikus](https://github.com/Namchee/tetikus) by [Namchee](https://github.com/Namchee) - (Experimental) A small custom cursor component for Vue 3 ✌️ - Vue, Custom Cursor 73 | - [Vue Scheduler](https://github.com/burhanahmeed/vue-daily-schedule) by [Burhan](https://github.com/burhanahmeed) - A straightforward daily scheduler component for VueJS / NuxtJS - Vue, Scheduler 74 | 75 | ### Programming Language 76 | 77 | - [Naskah](https://github.com/pveyes/naskah) by [Fatih Kalifa](https://github.com/pveyes) - Programming language with Indonesian syntax - JavaScript, Rust 78 | 79 | ### Starter Project 80 | 81 | - [JungleJS + Storybook + TailwindCSS Starter Site](https://github.com/ekafyi/junglejs-storybook-tailwind) by [Eka](https://github.com/ekafyi) - Starter site for JungleJS + Storybook + TailwindCSS - Svelte, JungleJS, Storybook, TailwindCSS 82 | - [Preact + Typescript + Parcel](https://github.com/ywnv/preact-typescript-parcel) by [Adverse Prelude](https://github.com/ywnv) - A simple starter site for Preact + Typescript + ParcelJS - Preact, Typescript, ParcelJS 83 | - [ReasonReact Parcel Starter](https://github.com/ywnv/reason-react-parcel) by [Adverse Prelude](https://github.com/ywnv) - Starter project for begin with ReasonReact - ReasonML, React, ParcelJS 84 | - [Vredeburg](https://github.com/dafiulh/vredeburg) by [Dafiul Haq](https://github.com/dafiulh) - A simple starter project to create a blog using Eleventy and Tailwind CSS - Eleventy, TailwindCSS 85 | 86 | ### Utility 87 | 88 | - [Color Copy Paste](https://github.com/sonnylazuardi/color-copy-paste) by [Sonny Lazuardi](https://github.com/sonnylazuardi) - Copy color from real world paste it on your browser, figma or sketch plugin 89 | - [formstrap](https://github.com/pedox/formstrap) by [pedox](https://github.com/pedox) - Integrate Reactstrap input components with Formik utility - React, Formik, Reactstrap 90 | - [html-form-generator](https://github.com/ywnv/html-form-generator) by [Adverse Prelude](https://github.com/ywnv) - Simple HTML form generator on CLI. 91 | - [htmr](https://github.com/pveyes/htmr) by [Fatih Kalifa](https://github.com/pveyes/htmr) - Simple and lightweight (< 2kB) HTML string to react element conversion library - React 92 | - [Nama Gadungan](https://github.com/rizafahmi/nama-gadungan) by [Riza Fahmi](https://github.com/rizafahmi) - Tiny library for dummy Indonesia name. This repo is intended for experimentation for everyone who willing to learn to contributing to open source project 93 | - [Nuxt Storage](https://github.com/mazipan/nuxt-storage) by [Irfan Maulana](https://github.com/mazipan) - Utilities for easy read and write browser's storage in Nuxt.js project - Nuxt, Browser Storage 94 | - [QRious](https://github.com/neocotic/qrious) by [neocotic](https://github.com/neocotic) - Pure JavaScript library for QR code generation using canvas - qr, qrcode, qrcode-generator, javascript, neocotic qrious 95 | - [raw.macro](https://github.com/pveyes/raw.macro) by [Fatih Kalifa](https://github.com/pveyes) - Read file contents at build time via babel-plugin-macros - Babel 96 | - [React Lazy Viewport](https://github.com/adibfirman/react-lazy-viewport) by [Adib Firman](https://github.com/adibfirman) - Load your react component based on viewport browser - React, Intersection Observer, Viewport 97 | - [tempe](https://github.com/masbagal/tempe) by [Dimitrij Agal](https://github.com/masbagal) - Featherlight helper for Javascript date formatting - i18n 98 | - [Vue Currency Filter](https://github.com/mazipan/vue-currency-filter) by [Irfan Maulana](https://github.com/mazipan) - Lightweight vue currency filter based on accounting.js - Vue, Currency, Accounting 99 | - [Next.js Api Router](https://github.com/arisris/next-api-router) by [Aris Riswanto](https://github.com/arisris) - Simple Next.js Api Router, Inspired by [itty-router](https://github.com/kwhitley/itty-router) - Next.js, Api, Itty-Router --------------------------------------------------------------------------------