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

HafsaI/vr-training

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •