Skip to content

A real time messaging & video calling web app. Built with HTML, CSS and JavaScript.

License

Notifications You must be signed in to change notification settings

RitaDee/marplex-video-rtm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

Welcome to my README

📗 Table of Contents

📖 [MarpleX]

A real time messaging & video calling web app.

[MarpleX] is a real time messaging & video calling web app.

🛠 Built With

  • HTML
  • CSS
  • Javascript

Tech Stack

Client
    <li>
    <a href="#">Index.html</a>
    </li>
    
    <li>
    <a href="#">main.js</a>
    </li>
    
    <li>
    <a href="#">Style.css</a>
    </li>
    

Key Features

  • [Allow users to make video and audio calls with other users in real-time.]

  • [Users are able to chat with each other during video calls ]

  • [The web app has a user-friendly interface, with easy-to-use controls and intuitive navigation, to ensure a smooth and enjoyable user experience.]

(back to top)

🚀 Live Demo

(back to top)

🎥 WALKTHROUGH

Loom Recording

(back to top)

Project Screenshots

Home page

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

  • In order to run this project you need:

  • git: A tool for managing source code

  • Visual Studio Code: A source code editor

  • Live Server: A simple web server utility for Visual Studio Code

Setup

Clone this repository to your desired folder:

  • Copy this link
  • get to the directory that you want to clone the repository.
  • open the command prompt in this directory.https://github.com/RitaDee/marplex-video-rtm.git`
  • go to the repository folder in your command prompt cd project file
  • write code . to open the project in visual studio code.
  • Create an account on agora.io and create an app to generate an APP ID
  • Update APP ID, Temp Token and Channel Name in room_rtc.js
let APP_ID = "YOUR-APP-ID"

Usage

To run the project, execute the following command:

Run tests

  • npx stylelint "/*.{css,scss}"**: To test css code
  • npx stylelint "**/*.{css,scss}" --fix: To fix some CSS errors if found.
  • npx eslint .: To test Eslint Report
  • npx eslint . --fix: To fix some JS errors if found

(back to top)

👥 Authors

Mention all of the collaborators of this project.

👤 Author1

(back to top)

🔭 Future Features

Describe 1 - 3 features you will add to the project.

  • [Privacy and security]
  • [User profile management]
  • [Notifications]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, Give a ⭐️...

(back to top)

🙏 Acknowledgments

I would like to thank agora for their resource...

(back to top)

❓ FAQ

  • [Are you sure that you are owner of this work]

    • [Yes, I am]
  • [Can you make the work to be responsive]

    • [yes]

(back to top)

📝 License

This project is MIT licensed.

About

A real time messaging & video calling web app. Built with HTML, CSS and JavaScript.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published