Doctor Appiontment

นัดหมายแพทย์ออนไลน์

ระบบนัดหมายแพทย์ออนไลน์ช่วยให้ผู้ป่วยสามารถเลือกวันนัดแพทย์ที่ต้องการได้ผ่านแพลตฟอร์มออนไลน์ โปรเจ็กต์นี้ได้รับการพัฒนาโดยใช้เทคโนโลยี MERN stack ผสมผสานฟังก์ชันต่างๆ เพื่อสร้างเว็บไซต์ระดับมืออาชีพ โปรเจ็กต์ประกอบด้วยโฮมเพจแบบไดนามิก แดชบอร์ดผู้ดูแลระบบและผู้ใช้ หน้าเข้าสู่ระบบของผู้ใช้พร้อมการจัดการการตรวจสอบทุกประเภทอย่างมืออาชีพ ความสามารถสำหรับผู้ป่วยในการเลือกการนัดหมายและดูข้อมูลแพทย์ ตลอดจนข้อมูลการนัดหมายของตนเอง ตัวเลือกในการเลือก แพทย์และดูวันนัดหมาย การดำเนินงาน CRUD และคุณสมบัติเพิ่มเติม เว็บไซต์มีการออกแบบที่ตอบสนองต่อส่วนหัวและตัวโหลดล่วงหน้าแบบไดนามิก

การตั้งค่าโปรเจ็กต์ MERN นี้บนเครื่องของคุณโดยทั่วไปจะเกี่ยวข้องกับขั้นตอนต่อไปนี้:

โค้ดส่วนหน้าและโค้ด Express อยู่ในไดเร็กทอรีเดียวกัน โดยมี Express API อยู่ที่ ./api

1. โคลนหรือดาวน์โหลดซอร์สโค้ดโปรเจ็กต์ลงในเครื่องของคุณ
2. ติดตั้งการพึ่งพา ซึ่งสามารถทำได้โดยใช้ตัวจัดการแพ็คเกจ เช่น npm (Node Package Manager) หรือเส้นด้าย
3. เรียกใช้เซิร์ฟเวอร์การพัฒนา ซึ่งสามารถทำได้โดยใช้เครื่องมือบรรทัดคำสั่ง เช่น เทอร์มินัล ซึ่งคุณสามารถรันคำสั่ง npm start หรือ Yarn start
4. เข้าถึงโครงการในเว็บเบราว์เซอร์ของคุณโดยไปที่ http://localhost:3000 หรือ URL อื่นที่ระบุ

หากต้องการตั้งค่า Express API ในไดเรกทอรี "./api" ของโปรเจ็กต์ คุณสามารถทำตามขั้นตอนเหล่านี้ได้

1. ติดตั้งการขึ้นต่อกันที่จำเป็นโดยการรัน npm install หรือ Yarn install ในเทอร์มินัล และรวมโมดูลด่วนเป็นการขึ้นต่อกัน
2. ตั้งค่าเซิร์ฟเวอร์และกำหนดค่ามิดเดิลแวร์ในไฟล์ เช่น index.js ภายในไดเรกทอรี "./api" นำเข้าโมดูล Express และสร้างอินสแตนซ์ของแอปพลิเคชัน Express ตั้งค่าเส้นทางสำหรับจัดการคำขอ HTTP และกำหนดค่ามิดเดิลแวร์สำหรับจัดการคำขอและการตอบกลับ
3. ตั้งค่าตัวแปรสภาพแวดล้อมสำหรับโปรเจ็กต์โดยการสร้างไฟล์ เช่น .env ในไดเร็กทอรีราก และระบุคู่คีย์-ค่าสำหรับตัวแปรเฉพาะสภาพแวดล้อม เช่น หมายเลขพอร์ตหรือข้อมูลรับรองฐานข้อมูล
4. เริ่มต้นเซิร์ฟเวอร์โดยการรันคำสั่ง เช่น node index.js หรือ nodemon index.js ในเทอร์มินัล
5. ทดสอบ API โดยการส่งคำขอ HTTP ไปยังเซิร์ฟเวอร์โดยใช้เครื่องมือ เช่น บุรุษไปรษณีย์ หรือ cURL

 MONGO=here will be your mongodb value      
JWT= Here will be your jason web token (Generate random number for secured your api).

3. เริ่มต้นเซิร์ฟเวอร์โดยการรันคำสั่ง เช่น node index.js หรือ nodemon index.js ในเทอร์มินัล
4. ทดสอบ API โดยการส่งคำขอ HTTP ไปยังเซิร์ฟเวอร์โดยใช้เครื่องมือ เช่น บุรุษไปรษณีย์ หรือ cURL

หมายเหตุ: โปรดทราบว่านี่เป็นคำแนะนำทั่วไปในการตั้งค่า Express API และรายละเอียดการใช้งานเฉพาะอาจแตกต่างกันไปขึ้นอยู่กับข้อกำหนดของโปรเจ็กต์ของคุณ ก่อนเริ่มต้น โปรดอ่านเอกสารประกอบของโปรเจ็กต์หรือไฟล์ Readme เพื่อรับคำแนะนำหรือข้อกำหนดเฉพาะใดๆ

คุณจะพบคุณสมบัติอะไรบ้างที่นี่?

• หน้าแรกแบบไดนามิก ทำหน้าที่เป็นหน้า Landing Page สำหรับผู้ใช้ทุกคน
• แดชบอร์ดผู้ดูแลระบบและผู้ใช้
• หน้าเข้าสู่ระบบของผู้ใช้พร้อมการจัดการการตรวจสอบทุกประเภทอย่างมืออาชีพ
• ความสามารถของคนไข้ในการเลือกการนัดหมายและดูข้อมูลแพทย์ตลอดจนข้อมูลการนัดหมายของตนเอง
• ทางเลือกในการเลือกแพทย์และดูวันนัดหมาย
• การดำเนินงาน CRUD และคุณสมบัติเพิ่มเติม
• การออกแบบที่ตอบสนองด้วยส่วนหัวแบบไดนามิกและตัวโหลดล่วงหน้า

 **demo** : https://dental-doctor-ujjal.netlify.app/
**My Websit**e : https://ujjalzaman-b6c8a.web.app/

เทคโนโลยีใดที่ใช้ในโครงการนี้

ส่วนหน้า :

• ตอบสนอง
• จาวาสคริปต์ (ES6)
• ตอบสนอง-Bootstrap
• HTML
• css5
• UI วัสดุ
• โต้ตอบแอนิเมชั่น
• ตัวโหลดล่วงหน้า
• เตือน
• การตรวจสอบ

แบ็คเอนด์:

• MongoDb
• ด่วน
• คอร์
• Body-Parser
• โนเดมอน
• ImageUploader

หน้าลงชื่อเข้าใช้ (ในองค์ประกอบนี้โดยเฉพาะสำหรับฉันเพราะฉันทำทุกอย่างผ่าน vanila Javascript และทำให้ผ่านและการตรวจสอบที่แข็งแกร่งนี้)

ลงทะเบียน (ในองค์ประกอบนี้โดยเฉพาะสำหรับฉันเพราะฉันทำทุกอย่างผ่าน vanila Javascript และทำให้ผ่านและการตรวจสอบที่แข็งแกร่งนี้)

หน้า Landing Page

ผู้ใช้ต้องเข้าสู่ระบบและเพิ่มการนัดหมายของเขา

รับการนัดหมาย Menet

การนัดหมาย

Daashboard (เนื่องจากฉันเหลือฟังก์ชันบางอย่างไว้ที่นี่สำหรับผู้ดูแลระบบเท่านั้น)

รายชื่อผู้ป่วยทั้งหมด (คุณลักษณะนี้มองเห็นได้เฉพาะแพทย์และผู้ดูแลระบบเท่านั้น)

มีส่วนร่วม:

1. แยกพื้นที่เก็บข้อมูลโดยคลิกปุ่ม "แยก" ที่มุมขวาบนของหน้า GitHub ของโครงการ สิ่งนี้จะสร้างสำเนาของโปรเจ็กต์ในบัญชี GitHub ของคุณเอง

2. โคลนพื้นที่เก็บข้อมูลที่แยกทางไปยังเครื่องของคุณโดยรันคำสั่ง git clone https://github.com/your-username/online-doctor-appointment.git ในเทอร์มินัลของคุณ

3. ติดตั้งการขึ้นต่อกันของโปรเจ็กต์โดยการรัน npm install หรือ Yarn install ในไดเร็กทอรีรากของโปรเจ็กต์ สร้างสาขาใหม่สำหรับการเปลี่ยนแปลงของคุณโดยการรันคำสั่ง git checkout -b branch-name โดยที่ชื่อสาขาเป็นชื่อที่สื่อความหมายสำหรับสาขาของคุณ ทำการเปลี่ยนแปลงโค้ดตามที่คุณต้องการ

4. ทดสอบการเปลี่ยนแปลงของคุณภายในเครื่องโดยรัน npm start หรือ Yarn Start และเข้าถึงโปรเจ็กต์บนเว็บเบราว์เซอร์ของคุณที่ http://localhost:3000 หรือ URL อื่นที่ระบุ 5. เพิ่มและคอมมิตการเปลี่ยนแปลงของคุณไปยังพื้นที่เก็บข้อมูลในเครื่องของคุณโดยรันคำสั่ง git add ตามด้วย git commit -m "Your commit message here"

6. พุชการเปลี่ยนแปลงของคุณไปยังที่เก็บแบบแยกส่วนของคุณโดยการรันคำสั่ง git push origin branch-name

7. สร้างคำขอดึงข้อมูล (PR) โดยไปที่พื้นที่เก็บข้อมูลแบบแยกของคุณบน GitHub แล้วคลิกปุ่ม "คำขอดึงใหม่" ตรวจสอบให้แน่ใจว่าสาขาฐานได้รับการตั้งค่าเป็นสาขาของโปรเจ็กต์ดั้งเดิมที่คุณต้องการสนับสนุน และสาขาหลักได้รับการตั้งค่าเป็นสาขาของพื้นที่เก็บข้อมูลแบบแยกส่วนของคุณที่มีการเปลี่ยนแปลงของคุณ

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

9.เมื่อคำขอดึงของคุณได้รับการอนุมัติและรวมเข้าด้วยกัน การเปลี่ยนแปลงของคุณจะกลายเป็นส่วนหนึ่งของโครงการ ยินดีด้วย คุณมีส่วนร่วมในโครงการนี้สำเร็จแล้ว!

ขอบคุณที่พิจารณาโครงการนี้ หากคุณมีคำถามใด ๆ โปรดอย่าลังเลที่จะติดต่อฉัน