Doctor Appiontment

網上預約醫生

線上醫生預約系統允許患者透過線上平台選擇所需的醫生預約日期。該專案是使用MERN堆疊技術開發的，融合了各種功能來創建一個專業的網站。該專案具有動態主頁、管理和用戶儀表板、可專業處理各種驗證的用戶登錄頁面、患者選擇預約和查看醫生資訊以及他們自己的預約資訊的能力、選擇預約的選項醫生並查看預約日期、CRUD操作和其他功能。該網站擁有響應式設計，帶有動態標題和預先載入器。

在本機上設定此 MERN 專案通常涉及以下步驟：

前端和 Express 程式碼位於同一目錄，Express API 位於 ./api

1. 將專案原始碼複製或下載到本機。
2. 安裝依賴項。這可以使用 npm（節點套件管理器）或yarn 等套件管理器來完成。
3. 運行開發伺服器。這可以使用命令列工具（例如終端）來完成，您可以在其中執行命令 npm start 或yarn start。
4. 透過導覽至http://localhost:3000或其他指定的 URL，在 Web 瀏覽器中存取該項目。

要在專案的“./api”目錄中設定 Express API，您可以按照以下步驟操作：

1. 透過在終端機中執行 npm install 或yarn install 並將express 模組作為依賴項包含來安裝所需的依賴項。
2. 設定伺服器並在“./api”目錄中的檔案（例如index.js）中配置中間件。導入express模組並建立express應用程式的實例，設定用於處理HTTP請求的路由，並配置用於處理請求和回應的中間件。
3. 透過在根目錄中建立檔案（例如 .env）並為任何特定於環境的變數（例如連接埠號碼或資料庫憑證）指定鍵值對，為專案設定環境變數。
4. 透過在終端機中執行命令（例如nodeindex.js或nodemonindex.js）來啟動伺服器。
5. 透過使用 Postman 或 cURL 等工具向伺服器發送 HTTP 請求來測試 API。

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

3. 透過在終端機中執行命令（例如nodeindex.js或nodemonindex.js）來啟動伺服器。
4. 透過使用 Postman 或 cURL 等工具向伺服器發送 HTTP 請求來測試 API。

注意：請注意，這些是設定 Express API 的一般說明，具體實作細節可能會根據您的專案要求而有所不同。在開始之前，請確保閱讀項目的文檔或自述文件以獲取任何特定的說明或要求。

您會在這裡找到什麼功能？

• 動態主頁，作為所有使用者的登陸頁面。
• 管理員和使用者儀表板。
• 使用者登入頁面可專業處理各種驗證。
• 患者能夠選擇預約並查看醫生資訊以及自己的預約資訊。
• 選擇醫生和查看預約日期的選項。
• CRUD 操作和附加功能。
• 具有動態標頭和預載器的響應式設計。

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

該專案使用了哪些技術

前端 ：

• 反應
• JavaScript(ES6)
• React-Bootstrap
• 網頁
• CSS5
• 材質使用者介面
• 反應動畫
• 預先載入器
• 警報
• 驗證

後端：

• 蒙古資料庫
• 表達
• 科爾斯
• 正文解析器
• 節點獸
• 圖片上傳器

登入頁面（在這個元件中對我來說很特別，因為我已經透過 vanila Javascript 完成了所有功能並進行了強大的通過和驗證）

註冊（在這個元件中對我來說很特別，因為我已經透過 vanila Javascript 完成了所有功能並進行了強大的通過和驗證）

登陸頁面

使用者必須登入並新增他的預約

預約Menet

預約

儀表板（因為我在這裡只為管理員留下了一些功能）

所有患者名單（此功能僅對醫生和管理員可見）

貢獻：

1. 點擊專案 GitHub 頁面右上角的「Fork」按鈕來分叉儲存庫。這將在您自己的 GitHub 帳戶中建立專案的副本。

2. 透過在終端機中執行指令git clone https://github.com/your-username/online-doctor-appointment.git將分叉儲存庫複製到本機。

3.透過在專案根目錄中執行npm install或yarn install來安裝專案的依賴項。透過執行指令git checkout -b branch-name為您的變更建立一個新分支，其中branch-name是分支的描述性名稱。對程式碼進行所需的更改。

4. 透過執行 npm start 或yarn start 並在 Web 瀏覽器中透過http://localhost:3000或其他指定的 URL 存取項目，在本機測試您的變更。 5. 透過執行命令 git add 將變更新增並提交到本機儲存庫。接下來是git commit -m "Your commit message here"

6. 透過運行命令git push origin branch-name將變更推送到分叉儲存庫

7. 透過導覽至 GitHub 上的分叉儲存庫並點擊「新拉取請求」按鈕來建立拉取請求 (PR)。確保將基本分支設定為您想要貢獻的原始專案的分支，並將頭分支設定為包含您的變更的分叉儲存庫的分支。

8.為您的拉取請求編寫描述性標題和訊息，解釋您所做的更改以及為什麼應合併它們。等待專案的維護人員審查您的拉取請求並提供回饋。在合併變更之前，可能會要求您進行進一步的變更或解決任何問題。

9.一旦您的拉取請求獲得批准並合併，您的變更將成為專案的一部分。恭喜您，您已成功為該專案做出了貢獻！

感謝您考慮這個項目。如果您有任何疑問，請隨時與我聯繫。