Mastodawn

narze Jul 1, 2021

#100DaysOfCode Round 2 🧵
1 - Update 9armbot to filter !coin command to specified channels only นะจ๊ะ
Source : https://github.com/thananon/twitch_tools/pull/67

Discord whitelist channels for coin command by narze · Pull Request #67 · thananon/twitch_tools

กำหนด env DISCORD_WHITELIST_CHANNELS ด้วยชื่อ discord channel ที่อนุญาตให้ใช้คำสั่ง !coin (ถ้ามีหลาย channel ให้คั่นด้วย ,) ถ้าไม่ได้กำหนดจะใช้ได้ทุก channel

narze Jul 1, 2021

Also fixed twitter card for this site https://watasalim.vercel.app

วาทกรรมสลิ่มสุดเจ๋ง

ปลุกความสลิ่มในตัวคุณ!

narze Jul 2, 2021

2 - Add form to submit quotes, try @[email protected] as simple database for quote submission. It's way easier to setup than Firebase 🔥 #100DaysOfCode

narze Jul 3, 2021

3 - Trying out Phaser to make 2d game with TypeScript.
Learned ECS pattern which will make the game unit-testable, still stuck on getting physics working with bitECS though
code : https://github.com/narze/vite-typescript-phaser3/pull/1
#100DaysOfCode

feat: Add bitECS & try-outs by narze · Pull Request #1 · narze/vite-typescript-phaser3

Add bitECS Add simple ECS file structure Add unit tests

narze Jul 3, 2021

Preview link : https://vite-typescript-phaser3-gzgmdpggg-narze.vercel.app/

Vite App

narze Jul 4, 2021

4 - Try Pixi.js with Matter.js
Since I'm new to game devs, I tried another rendering framework to replicate ECS pattern like I did yesterday. But since Pixi does not have physics system built in, I added Matter.js to do it.
#100DaysOfCode

narze Jul 4, 2021

Try : https://vite-typescript-pixi.vercel.app
Source : https://github.com/narze/vite-typescript-pixi
#100DaysOfCode

Vite App

narze Jul 5, 2021

5 - Update my resume template (Resumette) to allow editing before print, so you can add your profile to your heart's content then make it fit the page just before printing or saving to PDF.
See it in action : https://resume-git-feature-edit-mode-with-hide-toggle-narze.vercel.app
Source : https://github.com/narze/resume/pull/2
#100DaysOfCode

Resumette

My Resumette

narze Jul 6, 2021

6 - Kiimo : Add ability to generate .klc (Windows layout file) from JSON file, not tested though.
Source : https://github.com/Manoonchai/kiimo/pull/1

.klc support by narze · Pull Request #1 · Manoonchai/kiimo

Sample gist : https://gist.github.com/narze/11f7055f65795c589b852f6887225ecc feat: Generate .klc with headers feat: Add newline between header lines feat: Generate layouts in klc

narze Jul 7, 2021

7 - Kiimo : Fixed unicode, linefeed, BOM issues to make .klc working with Keyboard Layout Creator 1.4
Source : https://github.com/Manoonchai/kiimo/pull/1
#100DaysOfCode

.klc support by narze · Pull Request #1 · Manoonchai/kiimo

Sample gist : https://gist.github.com/narze/11f7055f65795c589b852f6887225ecc feat: Generate .klc with headers feat: Add newline between header lines feat: Generate layouts in klc

narze Jul 8, 2021

8 - Tried creating & deploying Elixir application through flyctl, but failed on building Docker🤔
Maybe I'll stay with Next.js then
Source : https://github.com/narze/manoonchai-web-phx
#100DaysOfCode

narze/manoonchai-web-phx

Contribute to narze/manoonchai-web-phx development by creating an account on GitHub.

narze Jul 9, 2021

9 - Got my Raspberry Pi, setting up minimal k3s cluster using k3sup
Source : https://github.com/narze/home-cluster
Resource : https://blog.alexellis.io/test-drive-k3s-on-raspberry-pi
#100DaysOfCode

narze/home-cluster

Contribute to narze/home-cluster development by creating an account on GitHub.

narze Jul 10, 2021

10 - Creating Manoonchai landing website with Next.js & Tailwind.css
Source : https://github.com/Manoonchai/manoonchai.com
#100DaysOfCode

Manoonchai/manoonchai.com

Contribute to Manoonchai/manoonchai.com development by creating an account on GitHub.

narze Jul 11, 2021

11 - Created quick website to show Thailand's COVID cases vs actual tests. Uses TypeScript, SvelteKit with SSR (tried Vue.js but cannot set it up properly 😓), TailwindCSS, JSON API data from https://djay.github.io/covidthailand

Website : https://tid-vs-truad.vercel.app

Thailand COVID-19 Data

Thailand Covid testing and case data gathered and combined from various sources for others to download or view

narze Jul 12, 2021

12 - Helped 9arm setup covid tracker website project (Similar to mine) via VSCode Live Share using Vite.js with Svelte.js

narze Jul 13, 2021

13 - Add card info to the yesterday's web, uses SvelteStrap (https://github.com/bestguy/sveltestrap)

Website : http://covidth.vercel.app/

bestguy/sveltestrap

Bootstrap 4 & 5 components for Svelte. Contribute to bestguy/sveltestrap development by creating an account on GitHub.

narze Jul 14, 2021

14 - Add JSON API endpoints to Watasalim project, also livestream the coding process in Discord with more than 20 people watching 👀
https://watasalim.vercel.app/api

narze Jul 15, 2021

15 - Olym-Pic : A trending meme generator with editable & draggable text, with a lot of help from @[email protected] & @[email protected] ❤️

Link (work in progress) : https://olym-pic.vercel.app

narze Jul 17, 2021

@[email protected] @[email protected] 16 - Init Vue.js v3 project (finally working!)

narze Jul 17, 2021

@[email protected] @[email protected] 17 - Fix canvas bugs & add more backgrounds
http://olym-pic.vercel.app

OlymPic

International Meme Olympiad

narze Jul 18, 2021

18 - Create Electron app which renders Live2D model on desktop using Pixi.js (Face-rig not available yet)
Source : https://github.com/narze/live2d-electron

narze/live2d-electron

Make your Live2D runs on desktop using Electron, tested on macOS - narze/live2d-electron

narze Jul 19, 2021

19 - Add face tracking via TensorFlow.js + face-landmarks-detection model, cannot add the face rig to live2d model yet 😅

narze Jul 20, 2021

20 - Try Human.js instead, but get stuck on tfjs-node cannot installed on Mac M1 🥲

narze Jul 21, 2021

21 - Upload QMK custom firmware to xd004 keyboard. Add shortcut keys to toggle the microphone state (Mic ppp name is CYHMN)

Code : https://github.com/qmk/qmk_firmware/pull/13634/files

[Keymap] narze/xd004 by narze · Pull Request #13634 · qmk/qmk_firmware

Description Types of Changes Core Bugfix New feature Enhancement/optimization Keyboard (addition or update) Keymap/layout/userspace (addition or update) Documentation Issues Fixed or Clo...

narze Jul 22, 2021

22 - Tryout Astro (https://astro.build) by building simple app with multiple components from different js frameworks such as React, Svelte, Vue

Code : https://github.com/narze/9speech

Astro

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

Astro

narze Jul 23, 2021

23 - Update website & release Manoonchai keyboard layout v1.0!
https://manoonchai.com

แป้นพิมพ์มนูญชัย

แป้นพิมพ์ภาษาไทยยุคใหม่ พิมพ์ง่ายกว่าแป้นพิมพ์เกษมณีถึง 45%

narze Jul 24, 2021

24 - Mob coding xArm with Python, so much fun!

narze Jul 25, 2021

25 - Add less-used characters to AltGr layer in Manoonchai layout (v1.0b2) https://github.com/Manoonchai/Manoonchai/releases/tag/v1.0b2

Release Manoonchai v1.0b2 · Manoonchai/Manoonchai

Fix AltGr layer, add more less-used Thai alphabets.

narze Jul 26, 2021

26 - Add Shift+AltGr layout for both Windows & macOS and published Manonchai v1.0

narze Jul 27, 2021

27 - Play around with Electron.js, Robot.js, Iohook.js 😴

narze Jul 28, 2021

28 - Text e x p a n d e r : A chrome extension to e x p a n d your text input (wip)

#100DaysOfCode #stupidhackth5 #sht5

narze Jul 29, 2021

29 - Adding Pattachote & Manoonchai layouts to official http://monkeytype.com

https://github.com/Miodec/monkeytype/pull/1695

Monkeytype

A minimalistic, customisable typing website. Test yourself in various modes, track your progress and improve your typing speed.

narze Jul 30, 2021

30 - Text E x p a n d e r (cont.)
#100DaysOfCode

31 - Renamed the project and add more modes
#100DaysOfCode #StupidHackTH5

narze Aug 1, 2021

Took a break for a day, actually edited video for #StupidHackTH5

[Thai language] https://youtu.be/5PENC4fA4-Y

Lumken #StupidHackTH5

YouTube

narze Aug 2, 2021

32 - Write a blog, add a link from http://manoontype.web.app to the blog
#100DaysOfCode

Manoontype

A minimalistic, customisable typing website. Test yourself in various modes, track your progress and improve your typing speed.

narze Aug 3, 2021

33 - Building remotely controlled soundboard web app for streaming, using Svelte & yjs (wip)

narze Aug 4, 2021

34 - Persist uploaded sound with IndexedDb using LocalForage library

narze Aug 5, 2021

35 - Trigger sound remotely via yjs-webrtc & separate with room number
https://resound.vercel.app

Resound

Remote soundboard Verคนจนๆ

narze Aug 5, 2021

Also live streamed (in Thai) https://youtu.be/JX6E1RUP76Q

I Code Alone [August 5, 2021] - Resound (cont.)

ทำโปรเจคต์ Resound ต่อ (ก่อนหน้านี้ชื่อ Remote Soundboard)โดยจะให้สั่งการเล่นเสียงที่เครื่องอื่นได้และแยกเลขห้อง เสียงจะได้ไม่ชนกันคำเตือน ตอนกลางๆ คลิป ระวั...

narze Aug 6, 2021

36 - Fix audio spamming & add simple grid design with Tailwind
https://resound.vercel.app
#100DaysOfCode

Resound

Remote soundboard Verคนจนๆ

narze Aug 7, 2021

37 - Fix audio not syncing properly, add Y-indexedDb
http://resound.vercel.app
#100DaysOfCode

Remote soundboard

Remote soundboard Verคนจนๆ

narze Aug 8, 2021

38 - Add few more features to Resound https://resound.vercel.app

Resound

Remote soundboard Verคนจนๆ

narze Aug 9, 2021

39 - Add svelte-jester, svelte testing library and add sample tests with TDD practice
Code : https://github.com/narze/resound/pull/2
Livestream (Thai) : https://youtu.be/7uw1cquP0Ws
#100DaysOfCode

Add tests by narze · Pull Request #2 · narze/resound

Add Svelte testing library Add Jest Add Svelte-jester Add babel-jest, ts-jest Add sample Svelte component tests

narze Aug 11, 2021

40 (forgot to tweet) - Resound : Try Svelte Context API

narze Aug 11, 2021

41 - Resound : Support multiple files upload & add svelte-file-dropzone for easy drag & drop
https://resound.vercel.app

Resound

Remote soundboard Verคนจนๆ

narze Aug 12, 2021

42 - Deezcord : Bootstrapped discord.js bot with tsdx lib
and add simple command.

narze Aug 13, 2021

43 - Deezcord : Upgrade Discord.js from v12 to v13, add simple unit tests.

narze Aug 14, 2021

44 - Manage Manoonchai Discord channels, roles with Terraform
https://github.com/Manoonchai/discord-terraform

GitHub - Manoonchai/discord-terraform: Manage Manoonchai Layout Discord

Manage Manoonchai Layout Discord. Contribute to Manoonchai/discord-terraform development by creating an account on GitHub.

narze Aug 16, 2021

45 - https://prayut.click

POPYUT

POPYUT

narze Aug 16, 2021

46 - http://prayut.click : Add guilds & leaderboard system frontend, fix bugs, also violated Vercel fair use policy 🥲

POPYUT

A loud-mouthed popping despot

narze Aug 16, 2021

narze Aug 17, 2021

47 - http://prayut.click : Add instant link to guild eg. https://prayut.click/?g=bangkokian, fix image & audio bugs, refactor
#100DaysOfCode

POPYUT

A loud-mouthed popping despot

narze Aug 18, 2021

48 - http://prayut.click : Support custom guild, fix some styles, refactor #100DaysOfCode

POPYUT

A loud-mouthed popping despot

narze Aug 18, 2021

Also add http://prayut.click/all just for fun