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



Microsoft Learn 학생 홍보대사 - AIMT

Microsoft Learn Student Ambassadors AIMT 클럽은 학생들이 주도하고 클럽 리더인 Ashish Ujjwal 의 리더십 하에 커뮤니티가 조정하는 이니셔티브입니다. 이 클럽은 학생들이 다음과 같은 다양한 기술적이고 재미있는 활동에 참여할 수 있는 혁신적이고 매력적인 커뮤니티입니다.

  • 이벤트 조직
  • 재미있는 활동 주최
  • 기술적인 도전을 실행

이 프로젝트의 목표는 이벤트 패널, 관리자 패널, 블로그 패널 등을 통해 클럽 활동 조정을 지원하는 모든 기능을 갖춘 웹 애플리케이션을 만드는 것입니다.

프로젝트 특징

1. 이벤트 패널

이벤트를 쉽게 구성, 관리, 참여하세요. 사용자는 다가오는 클럽 행사에 대한 세부 정보를 찾아보고, 등록하고, 얻을 수 있습니다.

2. 블로그 패널

사용자와 관리자가 블로그를 생성, 읽기, 업데이트 및 삭제할 수 있는 완전한 CRUD 지원 블로그 패널입니다.

3. 관리자 패널

중앙 집중식 관리자 패널 에서 모든 사용자, 이벤트 및 블로그를 관리합니다. 관리자는 뉴스레터 전송, 사용자 활동 조정 등 플랫폼을 완벽하게 제어할 수 있습니다.

4. ? 노드메일러 통합

Nodemailer를 통한 원활한 이메일 알림. 사용자는 이메일을 통해 이벤트 등록, 블로그 업데이트 및 기타 활동에 대한 알림을 받습니다.

5. ? JWT 인증 및 승인

JWT(JSON Web Tokens)를 사용한 안전하고 안정적인 사용자 인증. 사용자, 관리자, 이벤트 관리자의 역할과 권한이 관리됩니다.

6. ? Socket.io 실시간 통신

Socket.io 와의 실시간 통신을 통해 라이브 이벤트 및 채팅 중에 사용자 간의 역동적이고 매력적인 상호 작용이 가능합니다.

Azure에 배포된 웹사이트

전체 플랫폼은 Azure에 배포 및 호스팅되어 빠르고 확장 가능한 성능을 보장합니다.

? 프로젝트 비디오

프로젝트 데모 및 연습 비디오를 확인하세요.

? 사용된 기술

이 프로젝트는 이메일 서비스 및 실시간 상호 작용을 위한 추가 기능을 갖춘 MERN 스택을 기반으로 구축되었습니다.

  • 프런트엔드: React.js(아름답고 반응성이 뛰어난 디자인을 위한 Chakra UI 포함)
  • 백엔드: Node.js, Express.js
  • 데이터베이스: MongoDB(완전히 CRUD 지원)
  • 인증: JWT(JSON 웹 토큰)
  • 이메일 서비스: Nodemailer
  • 실시간 통신: Socket.io
  • 호스팅 및 배포: Azure Static Web Apps, Azure App Service

? 데이터베이스 구조(MongoDB)

  1. 사용자 컬렉션 :
    역할(관리자, 사용자), 인증 토큰, 프로필 데이터를 포함한 사용자 정보를 저장합니다.

  2. 이벤트 컬렉션 :
    이벤트 세부정보, 등록된 사용자, 이벤트 주최자를 포함한 모든 이벤트 관련 데이터를 저장합니다.

  3. 블로그 컬렉션 :
    타임스탬프, 카테고리, 작성자 정보와 함께 사용자가 만든 모든 블로그의 모음입니다.

? 인증 및 승인 

 This project uses JWT for user authentication and role-based authorization. The following user roles are supported:

1. Admin:
Full access to all resources including events, users, and blogs.

2. Event Manager:
Limited access to manage events and moderate related user activities.

3. User:
Can register for events, read blogs, and contribute by writing blog posts.

? 노드메일러 설정

이메일 알림을 설정하기 위해 Nodemailer 서비스가 통합되었습니다. 로컬 설정 섹션에 표시된 대로 .env 파일에서 보낸 사람 이메일을 구성할 수 있습니다.

관리 대시보드

관리자 패널에서는 다음을 수행할 수 있습니다.

  • 모든 사용자 보기 및 관리
  • 중간 정도의 이벤트 및 블로그
  • 커뮤니티에 뉴스레터 보내기
  • 사용자 활동 로그 추적

? Socket.io와의 실시간 상호 작용

이 프로젝트에는 Socket.io를 사용한 실시간 채팅 기능이 포함되어 있습니다. 사용자는 이벤트 중에 상호 작용하고, 실시간 댓글을 게시하고, 실시간 토론에 참여할 수 있습니다.

? 향후 개선 사항

향후 버전에서는 다음과 같은 더 많은 기능을 추가하는 것을 목표로 하고 있습니다.

  • 사용자 알림: 이벤트 업데이트, 블로그 게시물 및 기타 공지사항에 대한 푸시 알림입니다.
  • 이벤트 분석: 이벤트 참여 및 사용자 참여에 대한 자세한 보고서입니다.
  • 고급 관리 제어: 향상된 중재 기능 및 자동화된 보고서.

로컬 설정

프로젝트를 로컬에서 실행하려면 다음 단계를 따르세요.

  1. 저장소 복제 

    git clone https://github.com/AshishUjjwal/Microsoft-LSA-AIMT.git

  2. 프로젝트 디렉토리로 이동 

     cd Microsoft-LSA-AIMT

  3. 종속성 설치 

    npm install
cd client
npm install

  4. 환경 변수 설정

    루트 디렉터리에 .env 파일을 만들고 다음 변수를 추가합니다. 

    MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
[email protected]
EMAIL_PASS=your_email_password

  5. 애플리케이션 실행 서버와 클라이언트를 실행하려면: 

    npm run dev

  6. 애플리케이션에 액세스 브라우저를 열고 http://localhost:3000으로 이동합니다.

? 업적

이 프로젝트는 Microsoft Learn Student Ambassadors 프로그램의 중요한 부분이었습니다. 이는 학생과 전문가 모두 간의 커뮤니티 구축과 협력을 촉진하도록 설계되었습니다.

?‍ 프로젝트 유지관리자:

Ashish Ujjwal - 클럽 리더 및 프로젝트 유지관리자

다음 주소로 언제든지 문의하세요.

  • GitHub : https://github.com/AshishUjjwal
  • 링크드인 : https://www.linkedin.com/in/ashish-ujjwal-a9bb03228/

?? 기여

우리는 커뮤니티의 기여를 환영합니다! 기여하고 싶다면:

  1. 저장소를 포크하십시오.
  2. 새 분기를 만듭니다(git checkout -b feature/your-feature-name).
  3. 변경 사항을 커밋합니다(git commit -m '새 기능 추가').
  4. 분기로 푸시합니다(git push 원본 기능/사용자 기능 이름).
  5. 끌어오기 요청을 엽니다.

자세한 내용은 기여 가이드라인을 읽어보세요.

?? 특허 

 This project is licensed under the MIT License - see the LICENSE file for details.
확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체