Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonyarianto/sonyarianto
Member of Technical Staff.
https://github.com/sonyarianto/sonyarianto
full-stack svelte tailwindcss
Last synced: 28 days ago
JSON representation
Member of Technical Staff.
- Host: GitHub
- URL: https://github.com/sonyarianto/sonyarianto
- Owner: sonyarianto
- Created: 2020-07-26T07:34:00.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-03-31T05:24:09.000Z (7 months ago)
- Last Synced: 2024-03-31T06:24:34.655Z (7 months ago)
- Topics: full-stack, svelte, tailwindcss
- Homepage: https://sony-ak.com
- Size: 236 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
#### 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 | 
| Read README |
| jogja | npm | 
| `npm i -g jogja` |
| sshmgr | npm | 
| `npm i -g sshmgr` |
| dauh | npm | 
| `npm i -g dauh` |
| sikat | 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 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:
- GitHub Sponsor https://github.com/sponsors/sonyarianto
- PayPal https://paypal.me/sonyarianto
- Buy Me a Coffee https://buymeacoffee.com/sonyarianto
- Ko-fi https://ko-fi.com/sonyarianto
- Patreon https://patreon.com/sonyarianto
- Nih Buat Jajan (for Indonesian) https://nihbuatjajan.com/sonyarianto
- Trakteer (for Indonesian) https://trakteer.id/sonyarianto/tip
- Saweria (for Indonesian) https://saweria.co/sonyarianto
--
Best regards,
Sony AK
[email protected]