Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sreya-satheesh/real-time-chat-app
Real-Time Chat App with React & Appwrite
https://github.com/sreya-satheesh/real-time-chat-app
appwrite chatapp reactjs realtimechat
Last synced: 3 months ago
JSON representation
Real-Time Chat App with React & Appwrite
- Host: GitHub
- URL: https://github.com/sreya-satheesh/real-time-chat-app
- Owner: sreya-satheesh
- Created: 2024-08-15T11:42:16.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-15T11:57:34.000Z (5 months ago)
- Last Synced: 2024-09-26T06:41:11.877Z (3 months ago)
- Topics: appwrite, chatapp, reactjs, realtimechat
- Language: JavaScript
- Homepage:
- Size: 17.6 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Real-Time Chat App with React & Appwrite
https://github.com/user-attachments/assets/2df68d1d-da24-4ffb-bdaa-3b8aaa5ac232
This is a real-time chat application built with React and Appwrite. It provides features like user authentication, message sending, and real-time updates using Appwrite.
## Features
- Real-Time Messaging: Users can send and receive messages instantly.
- User Authentication: Secure user login and registration.
- Message Management: Users can delete their own messages.
- Responsive Design: Optimized for both desktop and mobile devices.## Installation
- Run npm install to install dependencies
### Set Up Appwrite
- Sign in to your Appwrite console.
- Create a new project.
- Set up a database and a collection for messages.
- Note down the following IDs: Database ID, Project ID, Collection ID for Messages
### Configure Environment Variables
Create a file named .env in the root directory of your project and add the following Appwrite configuration:
- VITE_API_ENDPOINT=https://[YOUR_APPWRITE_ENDPOINT]
- VITE_PROJECT_ID=[YOUR_PROJECT_ID]
- VITE_DATABASE_ID=[YOUR_DATABASE_ID]
- VITE_COLLECTION_ID_MESSAGES=[YOUR_COLLECTION_ID_MESSAGES]- Run npm run dev to launch the local server