# react-DeepSpeech [![npm](https://img.shields.io/npm/v/react-deepspeech.svg)](<(https://www.npmjs.com/package/react-deepspeech)>)

[![npm downloads](https://img.shields.io/npm/dm/react-deepspeech.svg)](https://www.npmjs.com/package/react-deepspeech)

[![NPM](https://nodei.co/npm/react-deepspeech.png)](https://npmjs.org/package/react-deepspeech)

## What is the react-DeepSpeech?

It started in Jan 14, 2019

this is component using react and node-DeepSpeech.

## :sweat: Sorry for users

> this is not yet built the publish version.

## 💡 Motivation

No one made a valid react project for Mozilla/DeepSpeech and we made it our own.

## Git history by January 28, 2019

[![Git history by January 28, 2019](https://img.youtube.com/vi/KSYhz9a4CVg/0.jpg)](https://www.youtube.com/watch?v=KSYhz9a4CVg&feature=youtu.be)


## 🏃‍♀️🏃‍♂️QuickStart

## 🔧 Used Opensources

[mozila deepspeech](https://github.com/mozilla/DeepSpeech)(MPL 2.0)
[react](https://github.com/facebook/react)(MIT)

## Our props

|Title   |Type  |Describe                   |Usage                          |
|:-------|:-----|:--------------------------|:------------------------------|
|file    |string|file path or buffer        |file={filepath}                |
|width   |number|component width            |width="100%" or width="80rem"  |
|height  |number|component height           |height="100%" or height="80rem"|
|theme   |string|component theme            |theme="basic"                  | 

## How can I contribute to this project?

First, read the [our contribution guideline](CONTRIBUTING.md). if you have read it, you can contribute to our project by creating [issues](https://github.com/teamthesol/react-DeepSpeech/issues) or contribute to it in [pull requests](https://github.com/teamthesol/react-DeepSpeech/pulls).

## License

[License](LICENSE)