Appwrite Chat Application

Welcome to the Appwrite Chat App! 🚀 This application is built using React, TypeScript, and Vite, and leverages Appwrite for backend functionalities like database, authentication, and real-time messaging.

Features

• Real-time Messaging: Instant message updates using Appwrite Realtime.
• Authentication: User login and signup via Appwrite.
• Responsive UI: Optimized for mobile, tablet, and desktop views.
• Message Management: Create, read, and delete messages securely.
• Scalable Frontend: Powered by Vite for fast development and builds.

Showcase

Getting Started

Follow these steps to set up and run the project locally:

Prerequisites

• Node.js (>= 16.x)
• Appwrite Server (self-hosted or Appwrite Cloud)
• A modern browser

Installation

1. Clone the repository:

   git clone https://github.com/your-username/appwrite-chat-app.git
   cd appwrite-chat-app

2. Install dependencies:

   npm install

3. Create a .env file at the root of the project with the following variables:

    VITE_APPWRITE_URL=''
    VITE_APPWRITE_PROJECT_ID=''
    VITE_APPWRITE_DATABASE_ID=''
    VITE_APPWRITE_COLLECTION_Category_ID=''
    VITE_APPWRITE_COLLECTION_Message_ID=''
   
   

Running the App

1. Start the development server:

   npm run dev

2. Open your browser and navigate to:

   http://localhost:5173
   

Building for Production

To create an optimized production build:

npm run build

Deployment

Serve the dist folder on your preferred hosting platform, such as Netlify, Vercel, or Firebase Hosting.

Appwrite Configuration

Setting up Appwrite

1. Go to the Appwrite Console.
2. Create a new project and note the project ID.
3. Add a database and collection for messages.
4. Configure security rules to restrict access based on user IDs.

Real-time Setup

Enable real-time updates in your Appwrite project by subscribing to database changes in your collection.

Technologies Used

• Frontend: React, TypeScript, Tailwind CSS
• Backend: Appwrite (Database, Authentication, Realtime)
• Development Tools: Vite, ESLint, Prettier

Contribution

Contributions are welcome! To contribute:

1. Fork the repository.
2. Create a feature branch: git checkout -b feature-name.
3. Commit your changes: git commit -m "Add new feature".
4. Push to the branch: git push origin feature-name.
5. Open a pull request.

License

This project is licensed under the MIT License.

---