video call app developed with react and twilio
Home Page: https://meets-app.netlify.app/
License: MIT License
When the camera is off should be good to show an avatar image instead of the dark background only
Try a dark color for the text
Similar to this
Support to share current screen
We could use this picture from google meets as example
It doesn’t mean that have to be exactly equal 😉
The app should save the code and redirect to lobby when partiicpants came with a code
Describe the bug
Click on menu trigger on start page is not working
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The menu should appear
Screenshots
If applicable, add screenshots to help explain your problem.
Allow toggle video tracks inside meeting page
It should be good to have a loading indicator in join button while is connecting participant and redirecting to meeting page.
Add some style on button hover
In lobby page the room is still null, so have to change the logic of audio toggle
The button text and modal title must match. Let's use Join with a code text
Allow to join the meeting on ENTER key press from modal
This happens in Android
The user only needs a meeting code to join, there is not need of copy the entiry url to clipboard, the code could be shared and the user could use it through Join with a code button
Note: This could possibly resolve the issue #28
Need to change the design for start page in desktop view
Take into account the design from google meet, maybe use the same two columns layout
Set focus to input when modal is open
Netlify is showing a 404 error message when force navigate or refresh the page
It should look rounded like this
Convert existing web app into a PWA
Support join meeting with a code copied when click on this option button.
Use a new desing in login page
The meeting link should be removed after 1 hour has passed
Create page to show 404 error message for not found routes
Avoid use @ts-ignore in assets imports
In Europe timezones for example the Date constructor will fail
dd/mm/yy should be mm/dd/yy inside constructor
if you put new Date(24/06/2022) will fail as 24 month doesn't exists
When participant disconnected by cliking the end call button should be redirected to start page
/start
Sign-in/Sign-up process with firebase is broken
The meeting code must be available in both lobby and meeting pages to allow share meeting link
invalid access token error when connecting with a participant logged in with email provider
User menu picture its showing blue in mobile devices
The start page buttons seems to have different font sizes
We could use google meets as example
If participant join through code url and is not logged in, the ability to join later is lost
Maybe we should show a modal with the option to join after login process is completed
With short emails the menu doesn't look good
Describe the bug
When Join button is clicked the screen remains black and the participant is not able to connect to the room
To Reproduce
Steps to reproduce the behavior:
Expected behavior
THe participant should join to the room and see the meeting page
Screenshots
Desktop (please complete the following information):
The meeting lik items should have a hover effect. (Submit a proposal in the comments)
The app name should be in document title
Use Meets App
Allow to switch camera in mobile devices
Use an icon like this
Adding form validity to the input fields in the login page > login form e.g. if password is less than 6 characters, small red p element "Password is invalid: less than 6 characters" could show up, guiding the user how to fix their error
Refact files related to twilio logic to make the project more readable and scalable
When camera button is clicked fastly, in some cases the camera is off and the video is still showing
For local participants this should be the same
Enable twilio logs to track twilio events in browser console
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
