ผมเป็นนักพัฒนาเว็บไซต์
ด้วยเวิร์ดเพรสคนนึง

แต่ในขณะเดียวกันผมก็ทำงานในทีมที่ใช้ React กับ Firebase ไปด้วย

Little bit about me

ซักเล็กน้อยเกี่ยวกับผม

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus,

luctus nec ullamcorper mattis, pulvinar dapibus leo.

Playground โปรเจ็ค

โปรเจ็คต่างที่ผมทำเพื่อเรียนรู้เทคโนโลยีต่างๆเกี่ยวกับงานที่ผมทำ
ส่วนใหญ่เป็นการทดลองและฝึกฝน

Covid-19 Alert(Vuejs)

โปรเจ็คนี้ผมเขียนด้วย Vue.js ดึงข้อมูล Covid 19 จาก API มาแสดงภาพรวมและแยกเป็นรายประเทศ ตัว Frontend เป็น Tailwindcss โฮสต์เป็น Firebase Hosting ตัวแอพดูได้จาก ลิงค์นี้ https://vue-covid-19-alert.web.app/

Firestore Line Bot

โปรเจ็คนี้เป็นหน้า Dashboard สำหรับแอดมินไว้ตอบลูกค้าผ่านไลน์ Channel ของบริษัทที่ใช้ Firestore เป็นตัวกลางในการรับข้อความจากไลน์ แล้วส่งมาที่ระบบ พอแอดมินตอบข้อความกลับไปก็ทำการเก็บลง Firestore แล้วใช้ Clound Functions ส่งข้อความไปที่ไลน์อีกทีนึง เป็น React Project ที่ขึ้นด้วย Material UI

Firestore Chat

โปรเจ็คนี้เป็นไลฟ์แชทสำหรับแอดมินเอาไว้ตอบข้อความลูกค้าอีกเวอร์ชั่นนึงที่ไม่ใช้ไลน์ ผมลองทำเพื่อทำความเข้าใจการทำงานของ Firestore ซึ่งมันเข้ากับ React ได้ดีมากจริงๆ

React Todo

Todo App สุดคลาสสิคของสายเว็บแอ็พครับ เชื่อว่าทุกคนต้องเคยฝึกทำกับ React, Vue หรือ Angular มาบ้าง ตัวนี้ผมทำเพื่อฝึกใช้งาน React

บทความและบันทึกต่างๆ

จากการทำงาน

การใช้งาน Font Awesome ใน React Project

ในไฟล์ App.js เรียกใช้งานแบบนี้ แล้วในไฟล์ของ Component ที่เราจะเรียกใช้งาน ก็แค่ import เข้ามา แล้วเรียกใช้งานตามโค้ดด้านล่างนี้ fab คือไอค่อนของแบรนด์ต่างๆ ในตัวอย่างคือไอค่อนไลน์ ส่วน fas คือไอค่อนทั่วๆไป

Read More »

การเช็คตำแหน่งว่า user scroll ลงมาถึงล่างสุดของ div แล้วหรือยังใน React(JavaScript)

อันนี้เป็นโน้ตจากการที่ผมพยายามทำแชทให้แอดมินใช้ตอบลูกค้าครับ ที่อยากได้คือลิสรายชื่อที่เวลาเราเลื่อนลงมาลงสุดแล้วให้มันโหลดรายชื่อเพิ่มเหมือนของ Facebook นั่นแหละ ผมก็เลยค้นหาและลองจนใช้งานได้แล้วก็เอามาแปะไว้ในนี้ด้วย กันลืม เวลาจะใช้ครั้งต่อไปจะได้หาง่ายๆ

Read More »