EduMatrix Virtual Classroom

풀 스택 프로젝트

이 프로젝트는 React (Frontend) 및 Node.js (백엔드)로 구축 된 FullStack 웹 응용 프로그램입니다. 프론트 엔드는 VITE로 구성되며 client 폴더에 위치하고 백엔드 서버는 node.js로 실행되며 npm run dev 로 시작할 수 있습니다.

프로젝트에 대해

Edumatrix는 원활하고 대화식 학습 경험을 제공하도록 설계된 가상 교실 플랫폼입니다. Mern Stack과 함께 구축 된이 제품은 Socket.io 및 WebRTC를 사용하여 실시간 커뮤니케이션 기능을 통합하여 라이브 클래스, 화상 회의 및 공유 화이트 보드 및 채팅과 같은 공동 작업 도구를 활성화합니다.

목표

1. 온라인 교육 향상 : 전통적인 교실과 가상 학습 사이의 격차를 해소하는 플랫폼을 제공하여 학생과 교육자 모두에게 풍부하고 대화식 경험을 보장합니다.
2. 접근성 : 신뢰할 수 있고 사용자 친화적 인 플랫폼을 제공하여 전 세계 사용자가 교육에 액세스 할 수 있도록하십시오.
3. 실시간 상호 작용 : 화상 회의, 채팅 및 대화식 도구를 통해 교사와 학생 간의 효과적인 의사 소통 및 협업을 용이하게합니다.
4. 확장 성 : 성능을 손상시키지 않고 많은 동시 사용자를 지원하기 위해 확장 할 수있는 시스템을 구축하십시오.
5. 사용자 정의 : 기관과 교육자가 플랫폼을 특정 요구에 맞게 조정할 수 있도록합니다.

목차

• 특징
• 프로젝트 구조
• 설정 지침
• 기여

특징

• 프론트 엔드 : React로 제작되었으며 더 빠른 빌드 및 최적화 된 개발 경험을 위해 Vite로 구성되었습니다.
• 백엔드 : API 서버를 사용하여 Node.js에 의해 구동됩니다.
• 실시간 커뮤니케이션 : WebRTC 및 Socket.io를 사용하여 라이브 화상 회의 및 채팅을 지원합니다.
• 대화식 도구 : 수업 중 공동 작업을위한 공유 화이트 보드가 포함되어 있습니다.
• 보안 인증 : 보안 로그인 및 사용자 관리를 구현합니다.
• 반응 형 디자인 : 데스크탑, 태블릿 및 스마트 폰을 포함한 장치의 유용성을 보장합니다.
• FullStack 통합 : 효율적인 데이터 처리를 위해 프론트 엔드 및 백엔드가 원활하게 연결되었습니다.

프로젝트 구조

 root
├── client         # Frontend (React with Vite)
└── server         # Backend (Node.js with Express)

설정 지침

전제 조건

• 컴퓨터에 Node.js 및 NPM이 설치되었습니다.

1. 저장소를 복제하십시오

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

2. 종속성을 설치하십시오

클라이언트 및 서버 폴더 모두로 이동하여 필요한 종속성을 설치하십시오.

프론트 엔드

 cd client
npm install

백엔드

 cd ../server
npm install

3. 환경 변수를 구성합니다

server 디렉토리에서 .env 파일을 작성하고 데이터베이스 연결 문자열, API 키 및 기타 구성과 같은 필요한 환경 변수를 추가하십시오.

4. 응용 프로그램을 시작하십시오

백엔드 서버

백엔드 서버를 시작하려면 server 폴더에서 다음 명령을 실행하십시오.

npm run dev

개발 모드에서 백엔드 서버가 시작됩니다.

프론트 엔드 서버

Frontend 서버를 시작하려면 client 폴더에서 다음 명령을 실행하십시오.

npm run dev

5. 응용 프로그램에 액세스하십시오

프론트 엔드와 백엔드 서버가 모두 실행되면 기본적으로 http://localhost:5173 에서 응용 프로그램에 액세스 할 수 있습니다.

기여

우리는 기여를 환영합니다! 기여하려면 다음 단계를 따르십시오.

1. 저장소를 포크 하고 지점을 만듭니다.

   git checkout -b feature/YourFeature

2. 변경 하고 의미있는 메시지로 헌신하십시오.

   git commit -m " Add YourFeature "

3. 포크로 밀고 풀 요청을 제출하십시오.

   git push origin feature/YourFeature

4. 포크 리포지토리에서 메인 리포지토리의 main 브랜치에 풀 요청을 제출하십시오 . 우리 팀은 풀 요청을 검토하고 필요한 변경 사항을 제안합니다.

개발 지침

• 코드 일관성과 가독성을 보장하십시오.
• 의미있는 커밋 메시지를 작성하십시오.
• 풀 요청을 제출하기 전에 변경 사항을 테스트하십시오.

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.

---