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

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

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

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 11, 2021

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

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 🥲

ｔｏ⟁ｓｔ⟁ｌ Jul 13, 2021

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

narze Jul 14, 2021

@toastal 😂 lol