Skip to content

subarnabsadhukhan/chat-app-project

Repository files navigation

Chat App - Discord-Like Chat Application

Welcome to the Chat App project! This is a React-based chat application inspired by Discord, allowing users to create multiple chat rooms, engage in discussions on various topics, and enjoy a feature-rich chatting experience.

Features

  1. Create Chat Rooms:

    • Easily create chat rooms with customizable descriptions.
    • Set admin permissions to control room management.
  2. User Customization:

    • Change your nickname for a personalized touch.
    • Add and update your profile avatar.
  3. Messaging:

    • Send and delete messages effortlessly.
    • React to messages with a "Like" reaction.
  4. File Attachments:

    • Send attachments of up to 5MB in size.
    • Send multiple attachments in a single message.
  5. Media Preview:

    • Preview photos directly in the chat.
    • Download any attachments for offline use.
  6. Voice Messages:

    • Record and send unlimited voice messages for a more dynamic communication experience.
  7. User Status:

    • View the online and last seen status of other users.

Getting Started

To try out the Chat App, simply visit https://chat-web-app-8f6da.web.app/. Firebase is utilized as the backend, with the Realtime Database serving as the primary database.

Technologies Used

  • React: Frontend library for building user interfaces.
  • Firebase: Backend infrastructure for authentication, real-time database, and hosting.

Setup

  1. Clone the repository:

    https://github.com/subarnabsadhukhan/chat-app-project.git
  2. Install dependencies:

    cd chat-app
    npm install
  3. Start the development server:

    npm start

    The app should now be running at http://localhost:3000/.

Issues and Bug Reports

If you encounter any issues or want to report a bug, please open an issue on the Issues page.

Happy chatting! 🚀