Skip to content

Capstone [ Public Speaking Training in Virtual Reality] Project Website in React and Firebase

Notifications You must be signed in to change notification settings

ProjectPlayground/vr-training

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

213 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Public Speaking Training in Virtual Reality

About The Project

Our proposed solution is a virtual reality application for public speaking training. The virtual reality application will simulate a room and audience. The user can practice their speech in this application and the quality of the user's speech will be judged based on 3 different scores:

  • Speech: The quality of the content and delivery style of the speaker,
  • Body Posture: How was the speaker's body posture throughout the speech,
  • Nervousness: How was the speaker's heart rate throughtout the speech.

Technologies

Project is created with:

  • React: 18.2.0
  • Bootstrap: 5.2.3
  • Firebase: 9.17.1

Components

React.js Practises

  • React Fragments
  • Usage of React Hooks: useState, useEffect, useContext
  • Callback and Arrow functions
  • Conditional Rendering

Firebase

  • Cloud Firestore Database
  • Firestore Authentication
  • Saving audio and video files in Firebase Storage
  • Get realtime updates with Cloud Firestore with the onSnapshot() method
  • Reading & Writing Data into database

Styling in CSS

  • Animations, transitions, flexbox and other basic CSS

Setup

To run this project, clone the project locally:

$ npm install
$ npm run dev

About

Capstone [ Public Speaking Training in Virtual Reality] Project Website in React and Firebase

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.4%
  • CSS 34.6%
  • HTML 2.0%