Covid-19 Alert(Vuejs)
โปรเจ็คนี้ผมเขียนด้วย Vue.js ดึงข้อมูล Covid 19 จาก API มาแสดงภาพรวมและแยกเป็นรายประเทศ ตัว Frontend เป็น Tailwindcss โฮสต์เป็น Firebase Hosting ตัวแอพดูได้จาก ลิงค์นี้ https://vue-covid-19-alert.web.app/
ผมเป็นนักพัฒนาเว็บไซต์
ด้วยเวิร์ดเพรสคนนึง
แต่ในขณะเดียวกันผมก็ทำงานในทีมที่ใช้ 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 โปรเจ็ค
โปรเจ็คต่างที่ผมทำเพื่อเรียนรู้เทคโนโลยีต่างๆเกี่ยวกับงานที่ผมทำ
ส่วนใหญ่เป็นการทดลองและฝึกฝน
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
บทความและบันทึกต่างๆ
จากการทำงาน
React Testing Library – เรียนไปจดไป
December 20, 2021
No Comments
Importance of Testing? Catch Bugs Increase Confidence in Application Speeds up QA Time Can Serve as Documentations Types of Test Unit Tests Integration Tests End
ฟังก์ชั่นสำหรับแปลง timestamp ให้เป็นเวลาที่มนุษย์เข้าใน JavaScript
May 20, 2021
No Comments
การใช้งาน Font Awesome ใน React Project
May 18, 2021
No Comments
ในไฟล์ App.js เรียกใช้งานแบบนี้ แล้วในไฟล์ของ Component ที่เราจะเรียกใช้งาน ก็แค่ import เข้ามา แล้วเรียกใช้งานตามโค้ดด้านล่างนี้ fab คือไอค่อนของแบรนด์ต่างๆ ในตัวอย่างคือไอค่อนไลน์ ส่วน fas คือไอค่อนทั่วๆไป
Command สำหรับ fix eslint ก่อน deploy ไปที่ Firebase
May 11, 2021
No Comments
ก่อนอื่นก็เข้าไปในโฟลเดอร์ของโปรเจ็คที่ต้องการก่อน แล้วตามด้วยคำสั่งข้างล่างนี้
การเช็คตำแหน่งว่า user scroll ลงมาถึงล่างสุดของ div แล้วหรือยังใน React(JavaScript)
May 8, 2021
No Comments
อันนี้เป็นโน้ตจากการที่ผมพยายามทำแชทให้แอดมินใช้ตอบลูกค้าครับ ที่อยากได้คือลิสรายชื่อที่เวลาเราเลื่อนลงมาลงสุดแล้วให้มันโหลดรายชื่อเพิ่มเหมือนของ Facebook นั่นแหละ ผมก็เลยค้นหาและลองจนใช้งานได้แล้วก็เอามาแปะไว้ในนี้ด้วย กันลืม เวลาจะใช้ครั้งต่อไปจะได้หาง่ายๆ