potchangelo/express-feelfriends

ตัวอย่างโปรเจ็ค Express จากคลิป "สอน Express เบื้องต้น จนใช้ได้จริง #1" ของ Zinglecode

Express FeelFriends

https://express-feelfriends.alwaysdata.net/

ตัวอย่างโปรเจ็ค Express จากคลิป "สอน Express เบื้องต้น จนใช้ได้จริง # 1" ของ Zinglecode

Note: ทำขึ้นมาเพื่อการศึกษาทางการเขียนโปรแกรมเท่านั้น เนื้อหาบนเว็บไม่ใช่สินค้าหรือบริการที่มีอยู่จริง

(Update 30/9/2022) ย้าย Hosting ของเว็บพรีวิว จาก Heroku ไปยัง alwaysdata เนื่องจาก Heroku ยกเลิก Free tier ครับ

YouTube video

https://www.youtube.com/watch?v=FvhM986U1_8

Setup database table

post table structure

comment table structure

Install and Run project by VSCode

0. ติดตั้ง Node.js, MySQL, MySQLWorkbench ลงเครื่องให้เรียบร้อยก่อน

1. ดาวน์โหลดโปรเจ็คนี้ลงเครื่อง

2. เปิดโฟลเดอร์โปรเจ็คใน VSCode

3. เปิดไฟล์ .env.sample แล้วเปลี่ยนชื่อเป็น .env จากนั้นให้เปลี่ยนการตั้งค่าให้สอดคล้องกับเครื่องของคุณ เสร็จแล้วบันทึกไฟล์ได้เลย

4. เปิด VSCode Terminal

5. ติดตั้ง Packages ของโปรเจ็ค

npm install

6. เปิดเว็บโปรเจ็คเพื่อ Development

npm run dev

Github branches for each lessons

1. Setup and Run
2. Routes
3. Templates
4. Handlebars
5. Routers
6. MySQL
7. Forms
8. Static
9. Dotenv
10. Deploy to Heroku

• Branch ของเว็บพรีวิว -> จะมีการปรับแต่งโค้ดนิดนึงให้ใช้งานบน Host อย่างเหมาะสม

Credits

https://unsplash.com/photos/J85dU7QSdMc

https://www.iconfinder.com/icons/8708735/emoji_lol_teeth_smile_icon