Skip to content

Joakim-animate90/Realtime-chat-app-react-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Realtime Chat Application

Overview

Go Chat is a real-time chat application built using React for the front end and WebSockets for real-time communication. The application supports both single and group chats, and allows users to send text, pictures, voice, and video messages. It also includes features such as screen sharing and video chat based on WebRTC for peer-to-peer communication.

Here is the backend: [https://github.com/Joakim-animate90/Realtime-chat-app-golang] Here is a video showcasing its functionalities [https://www.loom.com/share/e29f600a5bdb421f9c082ff4d86ae4aa?sid=176db2af-fc85-4b9a-9385-062dcb862ef2]

Features

  • Real-time Messaging: Communicate instantly with other users in single or group chats.
  • Media Support: Send and receive text, images, voice, and video messages.
  • Screen Sharing: Share your screen with other users in a chat.
  • Video Chat: Engage in video calls with other users using WebRTC.
  • User Management: Register, login, and manage your profile.

Technology Stack

  • Front-end: React, Redux, Ant Design
  • Back-end: WebSockets, WebRTC
  • State Management: Redux
  • Networking: Axios for HTTP requests

Installation

  1. Clone the repository:

    git clone git@github.com:Joakim-animate90/Realtime-chat-app-react-ui.git
    cd Realtime-chat-app-react-ui
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open your browser and navigate to http://localhost:3000 to access the application.

Usage

  • Register: Create a new account by providing a username and password.
  • Login: Access your account using your credentials.
  • Chat: Start a new chat by selecting a user or group from the user list.
  • Media: Use the buttons in the chat interface to send media messages or initiate a video chat.

Contribution

Contributions are welcome! Please submit a pull request with any improvements or bug fixes.

License

This project is licensed under the MIT License.

About

A WebSocket-based web chat application built with React, supporting real-time text messaging, file and image sharing, video and voice messages, video calls, and screen sharing.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages