Fringe: Ditch the DMs, Fringe it out!

Welcome to Fringe - the ultimate solution for seamless video conferencing! Say goodbye to traditional direct messages and embrace the power of Fringe for your communication needs.

Features

• User Authentication: Sign up and log in securely to access all the features.
• Create Rooms: Hosts can create rooms for video conferences with customizable settings.
• Real-Time Communication: Enjoy uninterrupted audio and video communication with WebRTC technology.
• Screen Sharing: Share your screen during calls for presentations or collaborative work.
• Chat Functionality: Exchange messages in real-time during video conferences.
• Customizable Settings: Adjust audio, video, and other settings to suit your preferences.
• Responsive Design: Access Fringe seamlessly across various devices.

How to Use

1. Sign Up/Login: Visit the Fringe website and sign up for an account. If you already have an account, simply log in.
2. Create or Join a Room: After logging in, create a new room for a video conference or join an existing one using the provided room code.
3. Start Your Meeting: Once inside the room, start your video conference by enabling your camera and microphone.
4. Invite Participants: Share the room code with participants to join your meeting.
5. Collaborate: Enjoy uninterrupted video conferencing with real-time communication, screen sharing, and chat functionality.

Directory Structure

vdzcall
│   db.sqlite3
│   manage.py
│   requirements.txt
│
├───fringe
│   │   admin.py
│   │   apps.py
│   │   forms.py
│   │   models.py
│   │   tests.py
│   │   urls.py
│   │   views.py
│   │   __init__.py
│   │
│   ├───static
│   │   └───images
│   │           logo.png
│   │           Vectorfavicon.png
│   │
│   └───templates
│           dashboard.html
│           index.html
│           login.html
│           meetingdash.html
│           meetingscreen.html
│           signup.html
│
└───vdzcall
    │   asgi.py
    │   settings.py
    │   urls.py
    │   wsgi.py
    │   __init__.py

Installation

To install and run Fringe locally on your machine, follow these steps:

1. Clone the Repository:

   https://github.com/atharvt17/Fringe.git

2. Navigate to the Directory:

   cd vdzcall

3. Install Dependencies:

   pip install -r requirements.txt

4. Run the Development Server:

   http://localhost:8000/

Technologies Used

• Frontend: HTML, TailWind CSS, and JavaScript for creating a dynamic and responsive user interface.
• Backend: Django for managing data and user authentication.

Using Zegocloud UI Kit for Meeting Screen

For the meeting screen UI, we have utilized Zegocloud UI Kit. To integrate it into your Fringe application, follow these steps:

1. Create an Account on Zegocloud: Visit Zegocloud and create an account if you haven't already.

2. Obtain App ID and Secret Server Key: Once logged in to your Zegocloud account, navigate to the developer dashboard and create a new application. Obtain the App ID and Secret Server Key provided by Zegocloud.

3. Update meetingscreen.html: In your Fringe project, locate the meetingscreen.html file in the fringe/templates directory. Update the AppID and SecretKey placeholders with the App ID and Secret Server Key obtained from Zegocloud.

Ready to ditch the DMs and Fringe it out? Join us now!

Feel free to explore the code and contribute to improving the project!