Code Monkey home page Code Monkey logo

chatterdox's Introduction

ChatterDoX

ScreenShot

Speech to text browser application designed to be used for children's reading lab lessons during school and at home. Students can record themselves reading stories out loud to practice literacy skills. Their speech is converted to written text and displayed on the screen in real time. The app provides a story management system for students to read and edit their recorded stories for further practice. Stories can be downloaded to their local device or saved to a database to be reviewed on the site's My Stories page. From this page students are given the options to delete unwanted stories, save them to their GoogleDrive accounts, or email them to a specified recipient.

The Watson Speech to Text API converts audio voice into written text. This Speech to Text service uses IBM's speech recognition capabilities to convert speech in multiple languages into text. The transcription of incoming audio is continuously sent back to the client via JSON objects with minimal delay, and it is corrected as more speech is heard. The service is accessed via a WebSocket interface; a REST HTTP interface is also available. Node.js is also used to provide the browser client's authentication token.

View on Heroku: https://chatterdox.herokuapp.com/

Run the App Locally

First clone this repository:

https://github.com/peraltot/Project-3-Speech.git

Prerequisites:

Node.js and npm

Go to the Node.js site: https://nodejs.org/en. Click the download button, and run through the installation file. To check if you already have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

MongoDB

You will need MongoDB to access our document data models. Visit https://docs.mongodb.com/manual/installation/ to run through the installation. To test whether the installation was successful enter the following command in your command-line shell:

mongod --version

Installing Node Packages:

In the terminal execute the following command:

npm install

This will install all of the app's node module dependencies.

DB info:

Run mongod in a Terminal session: Run mongo in a seperate Terminal session

First remove the db so it can be re-created auto within our app

use Stories = will display (switched to db Stories) db.dropDatabase(); = { "dropped" : "Stories", "ok" : 1 }

In the teriminal run yarn start which runs the script inside the start field of the script field in package.json


Directory structure

.
├── app.js                      // React Router
├── config                      // Express configuration
│   ├── express.js
│   └── security.js
├── models                      // Mongoose schema defined here for the Mongo db
├── routes                      // Api routes
├── manifest.yml
├── package.json
├── public                      // Static resources
├── server.js                   // Entry point
├── test                        // Tests
└── views                       // Watson react components
│   └── layout.js               // Main file - includes cdn libraries, stylesheets, javascript files
└── src                         // React components

License

Sample code is licensed under Apache 2.0.

Authors

chatterdox's People

Contributors

emmapankey avatar louise-hayes avatar peraltot avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.