React + Jitsi + 서버리스 + Twilio SendGrid

최근에 멀리 있는 사람들과 연락하기 위해 jitsi 모임을 많이 사용하고 있기 때문에 작업 흐름을 자동화하고 Twilio + DEV 해커톤에 제출하기 위해 다른 사람들과 공유할 수 있다고 생각했습니다.

📜 요약



방문자가 자신을 대신하여 모든 사람에게 이메일을 보내는 간단한 양식에 응답하여 화상 회의 회의를 만들고 참가자를 초대할 수 있는 웹앱입니다(현재 데스크톱 브라우저만 해당).

jitsi 서버의 회의 링크가 공개되므로 충돌을 줄이기 위해 고유 ID를 사용하여 회의실 이름이 선택됩니다.

참가자는 이메일에 있는 링크를 클릭하고 웹사이트에서 바로 화상 회의에 참여할 수 있습니다.

ℹ Emails are sent using SendGrid through serverless functions and the video conference runs on an embedded jitsi meet client through react-jutsu



여기에서 라이브 데모를 사용할 수 있으며 zeit에 배포할 수 있습니다. https://rendezvous.now.sh

코드는 GitHub 👇에서 확인할 수 있습니다.


this-fifo / 랑데부


React + Jitsi + 서버리스 + Twilio SendGrid






This app was created to have fun, learn some stuff and take part in the twilio + hackathon 🥳


📜 요약


사이트 방문자는 참가자를 대신하여 모든 사람에게 이메일을 보내는 간단한 양식에 응답하는 화상 회의 회의에 참가자를 초대할 수 있습니다.
회의 링크가 공개되어 있으므로 충돌을 줄이기 위해 고유 ID를 사용하여 회의실 이름이 선택됩니다.
참가자는 이메일에 있는 링크를 클릭하고 웹사이트에서 바로 화상 회의에 참여합니다.

Emails are sent using sendgrid through serverless functions and the video conference runs on an embedded jitsi meet client


🏗 구축하기


랑데부는 create-react-app으로 부트스트랩되었습니다.

요구 사항


  • 개발용 Node.js 및 얀(또는 npm)
  • Zeit CLI(zeit now를 통해 서버리스 Node.js 런타임 테스트용)

  • 필수 환경 변수


    프로젝트 루트의 .env 파일에 다음을 추가합니다.
    RENDEZVOUS_HCAPTCHA_SECRET='your_hcaptcha_secret'
    RENDEZVOUS_APP_SECRET='anything_you_want_here'
    SENDGRID_API_KEY=



    View on GitHub

    추가 리소스/정보


  • Jitsi을 통한 화상 회의
  • SendGrid 📧
  • 를 통한 이메일
  • MVP.css의 기본 CSS ✨(약간의 수정 포함)
  • 모든 잠재적인 hCaptcha 수입은 위키미디어 재단에 기부됩니다 🤗

  • 누군가 이것이 유용하다고 생각하거나 최소한 자신의 프로젝트를 위한 기반으로 사용하기를 바랍니다.

    좋은 웹페이지 즐겨찾기