LiveStudyRoom

About: Study Room in Your Home
Author: Issac To

//There are more demos and photos on my GitHub. Feel free to take a look at it!

1. 🎉 Inspiration/What it does

Are you a big fan of the study room? I am sure a lot of you would miss revising efficiently in the study room. Fortunately, 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!

2. 📌 Structure

A. 💎 Framework

• React (Redux applied for storing the authentication details)
• Google Firebase (Oauth Github/Facebook/Google + Cloud Firestore)
• Express
• Node

B. 🚀 Video Streaming Plugin

• Twillio (Video Streaming API)

3. 📝 Implementation

1. Fill in your Google Firebase database uris inside the src/Components/Firebase/firebase.js file javascript const firebaseConfig = { apiKey: Yours, authDomain: Yours, projectId:Yours, databaseURL: Yours, storageBucket: Yours, messagingSenderId:Yours, appId: Yours, measurementId: Yours, };
2. Fill in your Twilio credentials inside the .env file

TWILIO_ACCOUNT_SID= Yours
TWILIO_API_KEY= Yours
TWILIO_API_SECRET= Yours

1. Install and run the program

   npm install
   npm run dev  
   

2. Go to http://localhost:3000

3. Enjoy!

4. ⚠️Things I learnt

1. Challenge
   Faced severe redux problem in the start due to conflicts with history.push. Spent more than two hours on it.
2. Accomplishments
   Built the whole project soly within 24 hours. That is already something extraordinary for me
3. What we (I) learned
   Try to solve other parts first next time when i get stuck
4. What's next for LiveStudyRoom
   Hopefully could become a open-source project/ deploy on heroku

Built With

• expres
• firebase
• node.js
• react
• twilio