GithubHelp home page GithubHelp logo
GitHub Sponsors BLJ ada yang tanya

Overview

Member of Technical Staff.

Keep learning, stay relevant, relevancy increases value. Comfortable with being uncomfortable.

Open Source

Some open source initiative from me.

Name Type Notes Install
doitsu php GitHub last commit Read README
jogja npm npm npm i -g jogja
sshmgr npm npm npm i -g sshmgr
dauh npm npm npm i -g dauh
sikat npm npm npm i -g sikat

Educational Material

Good for inspiration and ready to extend to fit your needs.

Title Type Topic
BLJ YouTube In English, various topics, mostly in simple things
ada yang tanya YouTube In Bahasa Indonesia, various topics, mostly in simple things
Title Topic
React without Build Steps JavaScript, React
GraphQL with Node.js and GraphQL Yoga JavaScript, GraphQL
Dockerizing Pocketbase Pocketbase
Porting Windmill Dashboard HTML into SvelteKit Project JavaScript, SvelteKit
Simple CLI in Go to Get List of Installed App Version Go
Mini PHP Framework with Symfony Routing and Blade Template PHP, Symfony, Blade
Using Blade Template without Laravel in PHP PHP, Blade
Using Redux without Build Steps Redux, JavaScript, React
Using Redux with SvelteKit Redux, JavaScript, SvelteKit
Using Redux with Svelte Redux, JavaScript, Svelte
Redux with Svelte is Very Simple than React (on Svelte REPL) Redux, JavaScript, Svelte
Docker for MySQL, Adminer and phpMyAdmin Docker, MySQL, phpMyAdmin
Simple GitHub Actions Demo (on push display file content on README.md) GitHub Actions
Sample of MS Fluent UI 2 Web Components (on Svelte REPL) Web Components, JavaScript
Mix match MS Fluent UI 2 Web Components with Tailwind CSS without Conflict Web Components, Tailwind CSS
Svelte: Fluent UI 2 TreeView Web Components Sample with Dynamic Data (single root) Web Components, Svelte
Svelte: Panel with Draggable Separator Svelte, Layout
Vanilla: Panel with Draggable Separator HTML, Layout, JavaScript
Vanilla: Panel with Draggable Separator (using requestAnimationFrame) HTML, Layout, JavaScript
Svelte: Navigate between Component Svelte
Simple intro and outro Sample in @clack/prompts CLI, Node.js
How to Get Node.js Version Node.js
Alpine.js: Using Store and Reactivity (using ESM module import) Alpine.js
Integrate Monaco Editor in SvelteKit SvelteKit, Monaco Editor
Monaco Editor using CDN, Simple and Fast Monaco Editor, CDN
jQuery with Redux for State Management and Reactivity jQuery, Redux
Monaco Editor on Svelte REPL using CDN (dynamic load) Monaco Editor, Svelte, CDN
Tooltip using Floating UI and Svelte Floating UI, Svelte
Popover using Floating UI and Svelte Floating UI, Svelte
Assign and Re-assign Component for <svelte:component /> in Svelte Svelte
Using Svelte Store is Insanely Easy Svelte
Destroy and Re-mount component programmatically in Svelte Svelte
How to fill schedule range on existing array of objects JavaScript
Playwright with External Chrome (Chrome for Testing) Playwright, JavaScript
Derived Store in Svelte Now Very Easy Svelte
Props Passing with Steroids using setContext and getContext Svelte
Class Binding in Svelte Svelte
Sample of Dynamic Load of JavaScript External Script JavaScript
Demo of Split Pane in Svelte Svelte
Demo of Fuzzy Search with fuse.js JavaScript
Declarative await in Svelte Svelte
Sign-in with Google using One Tap API JavaScript
Passing a Component via Props Svelte
Hello World in Several Language via Docker Docker
Compress and Uncompress Data in JS using pako JavaScript
Sample Usage of feather-icons in Svelte Svelte, JavaScript
How to Handle Long Text with Ellipsis when Already Two Lines CSS
Implicit Promise Sample when Using Async on a Function JavaScript
Demo of canvas-confetti Package JavaScript
Demo of Passing Props to a Component as an Object Svelte, JavaScript
Demo of Simple Marquee CSS
Demo of Simple Apps Selector CSS
Demo of Simple Marquee (images) CSS
Demo of (.) Notation on Component Svelte
Demo of Leaflet with OSM Svelte
Demo of svelte-intersection-observer Svelte
Some Rust examples called berkarat Rust
API template with Rust Rust
Quick sample of PHP on Vercel PHP
Learn SvelteKit Code that Runs First SvelteKit
How to Get Zeno.FM stream metadata using SSE API Svelte

Stats

Support me to develop more open source software or educational material through:

--
Best regards,
Sony AK
[email protected]

Sony AK's Projects

airmill-dashboard icon airmill-dashboard

Airmill Dashboard is based on Windmill Dashboard. Powered by SvelteKit, Tailwind CSS and other great libraries.

dauh icon dauh

Detect well-known CLI on your computer. Is PHP exists? Is Node.js exists? and many more, along with its version.

directus icon directus

The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

doitsu icon doitsu

Simple and generic web framework based on PHP, mostly only routing and templating.

flowbite icon flowbite

The most popular library of interactive UI components built with Tailwind CSS

github-actions-push-and-display-it-on-readme icon github-actions-push-and-display-it-on-readme

Sample of GitHub Actions to display the content of source code on README if there is push to that file. In this example, when we change the "test.php" then the content of the file will be displayed on README.md. See ".github/workflows/update-readme.yml" for details.

graphql-nodejs-concept icon graphql-nodejs-concept

Learn to create GraphQL API with Node.js + GraphQL Yoga + In-memory database (a.k.a array). It's simple and it works.

hcli icon hcli

HandyCLI, small program to detect availability of popular app on your system e.g. Git, Node, npm etc and display its version.

hello-world icon hello-world

"Hello world" on several different programming languages. Just need Docker to run each sample.

imaginative-go icon imaginative-go

Status: Work in Progress - A beautiful open source website that created with Go. It contains many Go working samples code that useful for web and non-web application. It mainly demonstrate what Go can achieve. You can contribute!

indogithubers icon indogithubers

IndoGitHubers is an application that displays the GitHub rank of users in Indonesia.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.