Skip to content

itsgivingchaotica/fuse-video-frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fuse Logo

📖 Table of Contents

Table of Contents
  1. ➤ About The Project
  2. ➤ Join a Video Chat
  3. ➤ Host a Video Chat
  4. ➤ Join a Livestream
  5. ➤ Host a Livestream
  6. ➤ Screenshare
  7. ➤ Send Messages
  8. ➤ Translate Messages
  9. ➤ Record and Archive
  10. ➤ Explore the Community
  11. ➤ Edit your profile
  12. ➤ Credits
  13. ➤ To Contribute

-----------------------------------------------------

📝 About The Project

We've developed a dynamic web app that brings together the best features across all different platforms, including livestreaming, video chats, messaging, screen sharing, recording, translation services, and OAuth, all under one intuitive and modern user interface. Our goal was to come away from this project being more well-versed with technologies and best practices for building software, as well as to deploy our product for curious spectators to be able to use and enjoy it easily.

-----------------------------------------------------

🛠️ Built With

  • React
  • Redux
  • Express
  • Firebase
  • Socket.io
  • Material-UI
  • Axios
  • WebRTC
  • PostgreSQL
  • Sequelize
Screen Shot 2023-07-30 at 9 54 26 PM Screen Shot 2023-07-31 at 6 26 59 AM

-----------------------------------------------------

📞 Join a Video Chat

Screen Shot 2023-07-31 at 6 23 44 AM

-----------------------------------------------------

📲 Host a Video Chat

Screen Shot 2023-07-31 at 6 23 32 AM

-----------------------------------------------------

📺 Join a Livestream

Screen Shot 2023-07-31 at 6 16 05 AM

-----------------------------------------------------

🎙️ Host a Livestream

Screen Shot 2023-07-31 at 6 22 06 AM

-----------------------------------------------------

🖥️ Screenshare

Screenshare

-----------------------------------------------------

✉️ Send Messages

Send Messages

-----------------------------------------------------

🌐 Translate Messages

Translate Messages

-----------------------------------------------------

💿 Record and Archive

Record and Archive

-----------------------------------------------------

🌎 Explore the Community

Explore the Community

-----------------------------------------------------

✏️ Edit your profile

Edit your profile

-----------------------------------------------------

📜 Credits

Andrea Tranchina

GitHub Badge LinkedIn Badge

Saoirse Siobhan Ebert

GitHub Badge LinkedIn Badge

Jonathan Shabatayev

GitHub Badge LinkedIn Badge

-----------------------------------------------------

📖 To Contribute

This project was bootstrapped with Create React App.

In the project directory, you can run:

npm i

This will install all necessary dependencies.

In addition to this, you must input your own API keys in a .env.local file that looks like this:

REACT_APP_DEEPL_API_KEY=''
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=
REACT_APP_MEASUREMENT_ID=

API's used were DeepL, Elastic Email, Twilio, and Firebase.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

-----------------------------------------------------

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.3%
  • CSS 10.1%
  • HTML 0.6%