ฝึกสร้าง Website Full Stack (part 1) | ระบบจองเวลา + จ่ายเงินออนไลน์ | React JS Node JS MongoDB

Описание: เรียนรู้วิธีการสร้างแอปพลิเคชันจองเวลา จ่ายเงินออนไลน์ ด้วย MERN Stack โดยใช้ React JS, MongoDB, Express และ Node JS | โปรเจกต์ Full Stack React JS สำหรับเพิ่มความรู้ในการ Prompt AI และ ใส่ใน Resume สมัครงาน

😍 Source Code: https://github.com/chinnarut/doctors-...
😍Live Preview: https://doctors-appointment-client-th...

ติดปัญหา พูดคุยปรึกษา ทักไลน์ได้นะครับ
LINE ID : @044gkoox
หรือคลิ๊ก link LINE ID : https://lin.ee/sT0Kfpv

ในบทเรียนนี้ เราจะมาเรียนรู้วิธีการสร้าง ระบบจองนัดหมายแพทย์แบบ Full Stack อย่างละเอียดแบบ Step-by-Step โดยเราจะใช้เทคโนโลยี React JS, MongoDB, Express JS และ Node JS ในการสร้างเว็บไซต์ ซึ่งถือเป็นโปรเจกต์สาย MERN Stack ที่สมบูรณ์แบบ คุณสามารถนำโปรเจกต์นี้ไปใส่ใน Resume หรือใช้เป็นโปรเจกต์ส่งอาจารย์ในมหาวิทยาลัยได้เลยครับ

ระบบจองนัดหมายนี้ถูกออกแบบมาให้รองรับการใช้งานจริง ทั้งในรูปแบบคลินิกส่วนตัวหรือโรงพยาบาล เนื่องจากเราได้พัฒนาระบบยืนยันตัวตน (Authentication) ไว้ถึง 3 ระดับ ได้แก่:

ระดับคนไข้ (Patient): คนไข้สามารถเข้าสู่ระบบเพื่อเลือกจองนัดหมายกับหมอ และจัดการรายการนัดหมายของตนเองได้

ระดับแพทย์ (Doctor): แพทย์สามารถเข้าสู่ระบบเพื่อตรวจสอบตารางนัดหมาย เช็ครายได้ และแก้ไขข้อมูลโปรไฟล์ส่วนตัวผ่าน Dashboard

ระดับผู้ดูแลระบบ (Admin Dashboard): ผู้ดูแลสามารถจัดการภาพรวมของการนัดหมายทั้งหมด รวมถึงจัดการข้อมูลและโปรไฟล์ของแพทย์ในระบบได้

นอกจากนี้ ในแอปพลิเคชันนี้เราจะมีการเชื่อมต่อระบบ Payment Gateway เพื่อให้ผู้ใช้งานสามารถชำระค่าธรรมเนียมการนัดหมายผ่านช่องทางออนไลน์ได้ทันที คุณยังสามารถนำโปรเจกต์นี้ไปปรับแต่ง (Customize) เพิ่มเติมเพื่อสร้างเป็น Portfolio ส่วนตัวที่โดดเด่น หรือใช้เป็นโปรเจกต์จบการศึกษาที่มีประสิทธิภาพได้อีกด้วย

สรุปเทคโนโลยีที่ใช้:
Frontend: React JS

Backend: Node JS, Express JS

Database: MongoDB

Features: Multi-level Auth, Online Payment, Admin/Doctor Dashboard


Images Credit:
https://www.pexels.com
https://unsplash.com/
https://www.freepik.com
https://pngtree.com/