내 제출물 개요

CAPP 앱은 웹 기반 실시간 채팅 애플리케이션입니다. 실시간 채팅, 친구 추가, 사람 검색, 채팅 검색, 보호된 경로, Google 계정을 사용한 로그인과 같은 몇 가지 기능이 있습니다.

이 애플리케이션은 프런트엔드 라이브러리용 React.js, CSS 프레임워크용 Boostrap, 데이터 저장, 인증 및 실시간 기능용 Appwrite, 필요에 따라 사용자 지정 서버용 express.js를 사용하여 구축되었습니다.

이 응용 프로그램 제작의 영감은 whatsapp이므로 whatsapp과 유사하게 보입니다.

제출 카테고리:

엉뚱한 와일드카드

코드 링크

h8-탐색 / capp-appwrite

CAPP - 실시간 채팅 앱

CAPP 앱은 웹 기반 실시간 채팅 애플리케이션입니다. 실시간 채팅, 친구 추가, 사람 검색, 채팅 검색, 보호된 경로, Google 계정을 사용한 로그인과 같은 몇 가지 기능이 있습니다.
이 애플리케이션은 프런트엔드용 React.js, CSS 프레임워크용 Boostrap, 데이터 저장 및 실시간 기능용 Appwrite, 필요에 따라 사용자 지정 서버용 express.js를 사용하여 구축되었습니다.
이 응용 프로그램 제작의 영감은 whatsapp이므로 whatsapp과 유사하게 보입니다.

설치 및 설정

앱 쓰기

컴퓨터에 AppWrite를 설치하고 실행합니다. 당신은 이것을 따를 수 있습니다 instruction

Appwrite 프로젝트 생성

API 키 만들기

다음 속성을 사용하여 데이터베이스 컬렉션chats 및 friends 생성

friends:
  userId: String,
  friendId: String,
  createdAt: String


chats:
  userIds: [String]
  userId: String,
  text: String,
  createdAt: String

chats 및 friends 컬렉션에 대한 인덱스 생성

friends
  Index Key: userId
  type: fulltext
  attributes: userId (ASC)

chats:
  Index Key: userIds
  type: fulltext
  attributes: userIds

…

View on GitHub

추가 리소스/정보

스크린샷

로그인 페이지


홈페이지


사람들을 찾아라


채팅방

프로젝트 기여자

아자트 다로자트: https://github.com/ajatdarojat45