/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.

Primary LanguageJavaScript

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.

Installation

  1. Clone the repository: git clone <repository-url>
  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 chat-app-1 Screenshot 2023-08-01 090508

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.