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: about 17 hours 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 (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-08-15T11:57:34.000Z (about 1 month ago)
• Last Synced: 2024-09-22T10:32:44.094Z (5 days 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