#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

Also fixed twitter card for this site https://watasalim.vercel.app
วาทกรรมสลิ่มสุดเจ๋ง

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

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

Vite App

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
Vite App

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

6 - Kiimo : Add ability to generate .klc (Windows layout file) from JSON file, not tested though.
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

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

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.

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.

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.

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

#100DaysOfCode

Thailand COVID-19 Data

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

The site gained more than 10k views within 10 hours of deployment. Money spent : $0 😁

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

#100DaysOfCode

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

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

#100DaysOfCode

bestguy/sveltestrap

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

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

#100DaysOfCode

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

#100DaysOfCode

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

#100DaysOfCode

OlymPic

International Meme Olympiad

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

#100DaysOfCode

narze/live2d-electron

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

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

#100DaysOfCode

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

#100DaysOfCode

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

#100DaysOfCode

[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...

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

#100DaysOfCode

Astro

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

Astro

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

#100DaysOfCode

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

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

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

#100DaysOfCode

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

#100DaysOfCode

Release Manoonchai v1.0b2 · Manoonchai/Manoonchai

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

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

#100DaysOfCode

@narze your editor's color scheme matches my sandals 😅