mohamedramadan14 / community-connect-app

Community app with servers that has channels ( text , audio , video) . people can connect and exhange thier information

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Community Connext Application

Table of Contents

Overview

The Community Connect Application is a dynamic platform fostering communication and collaboration within diverse communities. Tailored for friends, colleagues, or any group, it delivers a seamless chat experience enriched with versatile features. Connect effortlessly through voice channels, video channels with screen share, engage in private one-to-one messages, and participate in vibrant text channel discussions. Elevate your community interactions with our multifaceted communication tools.

High-Level Design

High-Level Design

The high-level architecture features three roles (Admin, Moderator, Guest) utilizing cloud storage for PDFs and images. Servers host text, audio, and video channels with screen sharing. The system embeds chat in audio/video channels and supports one-on-one private messages.

Screenshots

Main Screen

Main Screen (Dark Mode)

Main Screen after logging in. Dark Mode

Main Screen

Main Screen (Light Mode)

Main Screen after logging in. Light Mode

Video Channel

Video Channel

Video Channel with embedded chat and screen sharing feature

One-on-One Messages

Private One-on-One Message

Displays private one-to-one messages

How to Generate

Follow these steps to generate and run the Community Chat Application:

  1. Clone the Repository:
    git clone https://github.com/mohamedramadan14/community-connect-app.git
  2. Add required info based on .env.example file:
  3. Install Dependencies:
    npm install
  4. Run the Application:
    npm start

TODO

  • Add docker compose for easier regeneration of the application
  • Add more features: like real time soft delete of messages in text channels using DeepLearning Model

About

Community app with servers that has channels ( text , audio , video) . people can connect and exhange thier information

License:MIT License


Languages

Language:TypeScript 98.6%Language:CSS 0.8%Language:JavaScript 0.6%