About: Study Room in Your Home
Author: Issac To
| Landing | Main |
|---|---|
![]() |
![]() |
| RoomInfo | Room |
![]() |
![]() |
Are you a big fan of study group? I am sure a lot of you would miss revising efficiently at the study room. Forunately,LiveStudyRoom offers you the experience to study with people across the world together in a video meeting room with cameras opened. It is muted and works just like a study room where you would be pressurized by the environment and become disciplined. You could make a meeting room yourself or you could join others study room. All rooms at LiveStudyRoom are publicly open!
- React
- Google Firebase (Oauth Github/Facebook/Google + Cloud Firestore)
- Express
- Node
- Twillio
- Fill in your Google Firebase database uris inside the src/Components/Firebase/firebase.js file
const firebaseConfig = {
apiKey: Yours,
authDomain: Yours,
projectId:Yours,
databaseURL: Yours,
storageBucket: Yours,
messagingSenderId:Yours,
appId: Yours,
measurementId: Yours,
};- Fill in your Twilio credentials inside the .env file
TWILIO_ACCOUNT_SID= Yours
TWILIO_API_KEY= Yours
TWILIO_API_SECRET= Yours- Install and run the program
npm install
npm run dev -
Go to http://localhost:3000
-
Enjoy!
- Challenge
Faced severe redux problem in the start due to conflicts with history.push. Spent more than two hours on it. - Accomplishments
Built the whole project soly within 24 hours. That is already something extraordinary for me - What we (I) learned
Try to solve other parts first next time when i get stuck - What's next for LiveStudyRoom
Hopefully could become a open-source project/ deploy on heroku
1. https://www.twilio.com/blog/video-chat-react-hooks (Huge Shoutout!)



