Covid-19 Alert(Vuejs)
โปรเจ็คนี้ผมเขียนด้วย Vue.js ดึงข้อมูล Covid 19 จาก API มาแสดงภาพรวมและแยกเป็นรายประเทศ ตัว Frontend เป็น Tailwindcss โฮสต์เป็น Firebase Hosting ตัวแอพดูได้จาก ลิงค์นี้ https://vue-covid-19-alert.web.app/
การใช้งาน Font Awesome ใน React Project
ในไฟล์ App.js เรียกใช้งานแบบนี้ แล้วในไฟล์ของ Component ที่เราจะเรียกใช้งาน ก็แค่ import เข้ามา แล้วเรียกใช้งานตามโค้ดด้านล่างนี้ fab คือไอค่อนของแบรนด์ต่างๆ ในตัวอย่างคือไอค่อนไลน์ ส่วน fas คือไอค่อนทั่วๆไป
Command สำหรับ fix eslint ก่อน deploy ไปที่ Firebase
ก่อนอื่นก็เข้าไปในโฟลเดอร์ของโปรเจ็คที่ต้องการก่อน แล้วตามด้วยคำสั่งข้างล่างนี้
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