Skip to content

My Final Project for EE250 - Distributed Systems and the Internet of Things

Notifications You must be signed in to change notification settings

floan/KeywordVisualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Introduction

Team Members: Fayez Loan

You can view the demo video here

STEPS TO COMPILE:

Setting up the front-end

  • Download Google Chrome. Currently that is the only compatible browser.
  • Install Yarn
  • Ensure you have the latest node version, this link might be useful
  • Navigate to the client directory from your terminal and run the command yarn install
  • Navigate to clients/src/Components and edit the URL in handleDataFunction.js and HandleRequestFunction.js, change the host to whatever host you are running the server on, by default it is localhost:5000.

Setting up the back-end

  • Install Python
  • Install Flask
  • Install Flask_Cors pip3 install -U flask-cors

Running the Application

  • From the terminal, in the client folder type yarn start to start up the React environment. This is hosted on localhost:3000
  • From the terminal, in the server folder first create the stop_word_data.pickle file by running python3 create_stop_words.py. Then run python3 server.py to start up the Flask server. This is hosted on localhost:5000 by default.

Enjoy!

External Libraries Used

  • ReactJs (a JavaScript libarary) for the front-end
  • Flask (a Python library) for the back-end
  • React-Speech-Recognition API for speech to text
  • Chart.js (JavaScript library) for visualization

About

My Final Project for EE250 - Distributed Systems and the Internet of Things

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published