내 제출물 개요

Thunder는 Appwrite를 사용하여 구축된 완전히 안전한 실시간 채팅 응용 프로그램입니다. 천둥을 사용해보십시오 ⚡

나는 이것을

HTML

CSS

자바스크립트

리액트

앱라이트

react-router-dom

리액트 토스트파이

이전에 Firebase를 사용했지만 Appwrite는 새롭고 놀랍습니다. 제 친구 중 8명이 Appwrite로 마이그레이션했고 그는 저에게 시도해 보라고 동기를 부여했습니다. Appwrite를 시도했을 때 제 마음은 날아갔습니다 🤯...

단 한 줄의 코드로 계정을 만들 수 있고, 몇 줄만 작성하면 실시간 경험을 만들 수 있습니다. 내 경험은 훌륭했습니다! 그리고 저는 이번 해커톤에 정말 흥분했습니다. 비록 기말고사 때문에 늦게 시작했지만 그래도 여행이 즐거웠고 많은 것을 배웠습니다. 향후 프로젝트에 Appwrite를 사용할 것 같습니다.

계정, 사용자, 데이터베이스, 저장소, 실시간 등과 같이 Appwrite가 이 애플리케이션에서 제공하는 대부분의 기능을 사용했습니다.

데이터 베이스

내 데이터베이스에는 두 개의 컬렉션과 하나의 스토리지 버킷이 포함되어 있습니다.

컬렉션

사용자

이 컬렉션에는 다음 속성이 포함되어 있습니다.

사용자 이름

이메일

프로필 사진 ID

채팅

이 컬렉션에는 다음 속성이 포함되어 있습니다.

메시지

발신인

받는 사람

시간

특징

100% 안전한 등록 및 로그인

모든 사용자에게 실시간으로 메시지 보내기

프로필 업데이트(프로필 사진 포함)

원하지 않는 메시지 삭제

채팅할 사용자 검색

제출 카테고리:

Web2 마법사

코드 링크

메타자이 / 우뢰

Appwrite를 사용하여 구축된 본격적인 실시간 채팅 애플리케이션

천둥 🚀

View Demo
·
Report Bug
·
Request Feature

Thunder 소개 - 실시간 채팅 애플리케이션 👋

Thunder는 Appwrite를 사용하여 구축된 완전히 안전한 실시간 채팅 응용 프로그램입니다. 사용해보기 Thunder 🙌

[더 잘 이해하려면 블로그 읽기 📖]{DEV_BLOG_LINK_HERE}

🚀 데모

앱 사용해보기: Thunder

😎 기능

Thunder의 멋진 기능을 공유하겠습니다.

100% 안전한 등록 및 로그인

모든 사용자에게 실시간으로 메시지 보내기

프로필 업데이트(프로필 사진 포함)

원하지 않는 메시지 삭제

채팅할 사용자 검색

천둥과 함께 경험을 다음 단계로 끌어올리세요! 미션 마스 🚀

🛠️ 설치 단계

저장소 복제

git clone https://github.com/mehtaaajay/thunder.git

작업 디렉토리 변경

cd thunder

종속성 설치

npm install

앱을 열고 코드베이스로 재생

🤝 기여

GitHub Flow을 사용하여 기부해 주십시오. 분기를 만들고 커밋을 추가하고 open a pull request .

💻 내장

HTML

CSS

…

View on GitHub

추가 리소스/정보(스크린샷)

마지막으로 사랑합니다 ♥ Appwrite와 Dev. 이번 해커톤은 훌륭했습니다!