https://github.com/adityasabnis/get-talking

High order component leveraging WebSpeechApi
https://github.com/adityasabnis/get-talking

hacktoberfest hacktoberfest2020 higher-order-component react reactjs speech-synthesis webspeech-api

Last synced: 2 months ago
JSON representation

High order component leveraging WebSpeechApi

• Host: GitHub
• URL: https://github.com/adityasabnis/get-talking
• Owner: adityasabnis
• License: mit
• Created: 2020-05-26T09:08:13.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-12-23T03:31:06.000Z (5 months ago)
• Last Synced: 2025-03-15T01:18:13.202Z (2 months ago)
• Topics: hacktoberfest, hacktoberfest2020, higher-order-component, react, reactjs, speech-synthesis, webspeech-api
• Language: JavaScript
• Homepage:
• Size: 400 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# High order component leveraging WebSpeechApi

Higher order component giving speech functionality extension to any component by leveraging WebSpeechApi

Installation: 


`npm i get-talking`

Master Build Status: 


[![Build Status](https://travis-ci.com/adityasabnis/get-talking.svg?branch=master)](https://travis-ci.com/adityasabnis/get-talking)

Master Coverage Status: 


[![codecov](https://codecov.io/gh/adityasabnis/get-talking/branch/master/graph/badge.svg)](https://codecov.io/gh/adityasabnis/get-talking)

PlayGround: 


It will start webpack dev server with hot-reload on port 8001 


It renders CustomInput wrapped in withSpeech HOC.

`npm run start` 


![Playground Example Screenshot](https://user-images.githubusercontent.com/73151902/97069763-21fd2400-161e-11eb-8904-55ab5683f31f.png)

CodeSandBox Example: 


https://codesandbox.io/s/gettalking-adslotui-gkgxs

![Sandbox Screenshot](https://user-images.githubusercontent.com/3688957/94991800-b8fb3100-05c8-11eb-85cf-4a78e589b946.png)