https://github.com/varundhand/chat-app

A modern and interactive real-time chat application built with Vite and React. Leveraging the power of Appwrite, it provides seamless user authentication, allowing users to login securely. The app offers a delightful chat experience with real-time messaging. User data is persistently stored for a seamless experience across sessions.
https://github.com/varundhand/chat-app

appwrite appwrite-auth react redux-toolkit vite

Last synced: about 1 month ago
JSON representation

A modern and interactive real-time chat application built with Vite and React. Leveraging the power of Appwrite, it provides seamless user authentication, allowing users to login securely. The app offers a delightful chat experience with real-time messaging. User data is persistently stored for a seamless experience across sessions.

• Host: GitHub
• URL: https://github.com/varundhand/chat-app
• Owner: varundhand
• Created: 2023-07-07T17:23:06.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-10T17:45:20.000Z (about 1 year ago)
• Last Synced: 2024-04-17T05:31:27.973Z (9 months ago)
• Topics: appwrite, appwrite-auth, react, redux-toolkit, vite
• Language: JavaScript
• Homepage: https://chatroom-webapp.netlify.app/
• Size: 218 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ChatApp

ChatApp is a real-time chat application built using Vite, React, and Appwrite for the front-end. It implements user authentication, user persistence, and allows users to send and receive messages in real-time.

## Demo

Check out the live demo of the portfolio website [here](https://chatroom-webapp.netlify.app/).

## Installation

1. Clone the repository: `git clone `

2. Navigate to the project directory: `cd chat-app`

3. Install the dependencies: `npm install`

## Usage

1. Start the development server: `npm run dev`

2. Open your browser and visit: `http://localhost:3000`

## Screenshots

![chat-app-4](https://github.com/varundhand/Chat-app/assets/110025628/f7ee0011-680f-4b0c-b81e-18bfa5719051)

![chat-app-1](https://github.com/varundhand/Chat-app/assets/110025628/b3d3ffee-fdf5-49f5-86a6-fe58c7fbe037)

![Screenshot 2023-08-01 090508](https://github.com/varundhand/Chat-app/assets/110025628/a7e837c3-5c63-4db1-b405-d08860ed6dcd)

## Features

- User authentication: Users can sign in or register to access the chat functionality.

- Real-time messaging: Messages are sent, received and can be deleted in real-time using Appwrite's real-time database.

- Message history: Chat history is stored and can be viewed for reference.

- User persistence: Users remain logged in even after closing the browser.

- Modern UI: The application has a modern and user-friendly interface for an enhanced user experience.

## Future Features

- Infinite scrolling: Implement infinite scrolling to load older messages as the user scrolls up in the chat.

- Multiple chat rooms: Allow users to create and join multiple chat rooms for different topics or conversations.

## Technologies Used

- Vite: A fast and lightweight build tool for modern web applications.

- React: A popular JavaScript library for building user interfaces.

- Appwrite: A backend-as-a-service platform providing user authentication and real-time database capabilities.

- react-redux: Official Redux bindings for React.