홈페이지>PHP 소스 코드>기타 카테고리
다운로드

온라인 의사 예약

온라인 의사 예약 시스템은 환자가 온라인 플랫폼을 통해 원하는 의사 예약 날짜를 선택할 수 있도록 합니다. 본 프로젝트는 MERN 스택 기술을 사용하여 개발되었으며 다양한 기능을 통합하여 전문적인 웹사이트를 제작합니다. 이 프로젝트는 동적 홈 페이지, 관리자 및 사용자 대시보드, 모든 종류의 검증을 전문적으로 처리하는 사용자 로그인 페이지, 환자가 약속을 선택하고 의사 정보 및 자신의 약속 정보를 볼 수 있는 기능, 의사 및 진료 예약 날짜, CRUD 작업 및 추가 기능을 확인하세요. 이 웹사이트는 동적 헤더와 프리로더를 갖춘 반응형 디자인을 자랑합니다.

로컬 컴퓨터에서 이 MERN 프로젝트를 설정하려면 일반적으로 다음 단계가 필요합니다.

프런트엔드 및 Express 코드는 동일한 디렉터리에 있으며 Express API는 ./api에 있습니다.

  1. 프로젝트 소스 코드를 로컬 머신에 복제하거나 다운로드하세요.
  2. 종속성을 설치합니다. 이는 npm(노드 패키지 관리자) 또는 Yarn과 같은 패키지 관리자를 사용하여 수행할 수 있습니다.
  3. 개발 서버를 실행합니다. 이 작업은 터미널과 같은 명령줄 도구를 사용하여 수행할 수 있으며, 여기에서 npm start 또는 Yarn start 명령을 실행할 수 있습니다.
  4. http://localhost:3000 또는 다른 지정된 URL로 이동하여 웹 브라우저에서 프로젝트에 액세스하십시오.

프로젝트의 "./api" 디렉터리에 Express API를 설정하려면 다음 단계를 따르세요.

  1. 터미널에서 npm install 또는 Yarn install을 실행하고 Express 모듈을 종속성으로 포함하여 필수 종속성을 설치합니다.
  2. "./api" 디렉터리 내의 index.js와 같은 파일에 서버를 설정하고 미들웨어를 구성합니다. Express 모듈을 가져오고 Express 애플리케이션의 인스턴스를 생성하고, HTTP 요청 처리를 위한 경로를 설정하고, 요청 및 응답 처리를 위한 미들웨어를 구성합니다.
  3. 루트 디렉터리에 .env와 같은 파일을 생성하고 포트 번호나 데이터베이스 자격 증명과 같은 환경별 변수에 대한 키-값 쌍을 지정하여 프로젝트에 대한 환경 변수를 설정합니다.
  4. 터미널에서 node index.js 또는 nodemon index.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).
  1. 터미널에서 node index.js 또는 nodemon index.js와 같은 명령을 실행하여 서버를 시작합니다.
  2. Postman 또는 cURL과 같은 도구를 사용하여 서버에 HTTP 요청을 보내 API를 테스트합니다.

참고: 이는 Express API 설정을 위한 일반적인 지침이며 구체적인 구현 세부 사항은 프로젝트 요구 사항에 따라 달라질 수 있습니다. 시작하기 전에 프로젝트 설명서나 추가 정보 파일을 읽어 특정 지침이나 요구 사항을 확인하세요.

여기서 어떤 기능을 찾을 수 있나요?

  • 모든 사용자를 위한 랜딩 페이지 역할을 하는 동적 홈페이지입니다.
  • 관리 및 사용자 대시보드.
  • 모든 종류의 검증을 전문적으로 처리하는 사용자 로그인 페이지입니다.
  • 환자가 예약을 선택하고 의사 정보는 물론 자신의 예약 정보를 볼 수 있는 기능입니다.
  • 의사를 선택하고 예약 날짜를 볼 수 있는 옵션입니다.
  • CRUD 작업 및 추가 기능.
  • 동적 헤더와 프리로더를 사용한 반응형 디자인. 
 **demo** : https://dental-doctor-ujjal.netlify.app/
**My Websit**e : https://ujjalzaman-b6c8a.web.app/

이 프로젝트에서는 어떤 기술을 사용하고 있나요?

프런트 엔드:

  • 반응하다
  • 자바스크립트(ES6)
  • 반응 부트스트랩
  • HTML
  • CSS5
  • 재료 UI
  • 반응 애니메이션
  • 프리로더
  • 알리다
  • 확인

백엔드:

  • 몽고DB
  • 표현하다
  • 코르스
  • 본문 파서
  • 노데몬
  • 이미지 업로더

로그인 페이지(이 구성 요소에서는 바닐라 자바스크립트를 통해 모든 기능을 수행하고 강력한 패스 및 유효성 검사를 수행했기 때문에 특히 그렇습니다.)

로그인 및 회원가입

가입(이 구성 요소에서는 바닐라 자바스크립트를 통해 모든 기능을 수행하고 강력한 패스 및 유효성 검사를 수행했기 때문에 특히 그렇습니다.)

가입

랜딩 페이지

0 홈페이지

사용자는 로그인하고 약속을 추가해야 합니다.

2 약속 추가

AppointMenet 받기

약속 1개

약속

3 의사 약속

대시보드(관리자 전용으로 여기에 몇 가지 기능을 남겨두었기 때문에)

4 대시보드

모든 환자 목록(이 기능은 의사와 관리자에게만 표시됨)

전체 환자 5명

기여:

  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"

  1. git push origin branch-name 명령을 실행하여 변경 사항을 포크된 저장소에 푸시합니다.

  2. GitHub에서 포크된 저장소로 이동하고 "새 풀 요청" 버튼을 클릭하여 풀 요청(PR)을 생성합니다. 기본 브랜치가 기여하려는 원본 프로젝트의 브랜치로 설정되고, 헤드 브랜치가 변경 사항이 포함된 분기된 저장소의 브랜치로 설정되었는지 확인하세요.

8. 풀 요청에 대한 설명 제목과 메시지를 작성하고 변경 사항과 병합해야 하는 이유를 설명합니다. 프로젝트 관리자가 풀 요청을 검토하고 피드백을 제공할 때까지 기다립니다. 변경 사항이 병합되기 전에 추가 변경을 수행하거나 문제를 해결하라는 요청을 받을 수도 있습니다.

9. 풀 요청이 승인되고 병합되면 변경 사항이 프로젝트의 일부가 됩니다. 축하합니다. 프로젝트에 성공적으로 기여하셨습니다!

이 프로젝트를 고려해 주셔서 감사합니다. 질문이 있으시면 언제든지 저에게 연락해 주세요.

확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체