Googleマップにあなたの場所を見つけるために話す.


私の提出の概要


ReadtyMap
ReadTymapは、音声だけでなく、入力と検索によって場所を検索することができますツールです.ディープグラムとGoogleマップは、ここで使用されている技術です.
時々、人々はちょうどそれがタイピングに関して怠惰です.人々は頻繁に多くの日常的な状況で場所を見つけるためにGoogleマップを使用します.多くの類似したアプリが利用可能であるという事実にもかかわらず、それはまだ単純なものを作成する価値があります.

提出カテゴリ


奇抜なワイルドカード

Githubのコードへのリンク


音韻 / 出来高


声で検索場所



出来高


ReadTymapは、音声だけでなく、入力と検索によって場所を検索することができますツールです
ディープグラムとGoogleマップは、ここで使用されている技術です

プロジェクトについて



時々、人々はちょうどそれがタイピングに関して怠惰です.
人々は頻繁に多くの日常的な状況で場所を見つけるためにGoogleマップを使用します.
多くの類似したアプリが利用可能であるという事実にもかかわらず、それはまだ単純なものを作成する価値があります.

ビルド

  • Deepgram
  • Google Maps
  • React
  • NextJs
  • Typescript
  • Redux
  • Redux-thunk
  • Material-UI
  • 始める


    声を使う


  • マイクのアイコンをクリックします.
  • ページを聞くときに“聞く”を示す.
  • ページが「検索」を示すとき、話すのを止めてください.
  • ReadTymap場所が表示されます.
  • 開発


    時間の大半は、開発が行われるsrc/components/Map/ , ここで、キー機能が使用されます.
    深さTSpages/api/deepgram.ts はテキストに対するスピーチに使用されますsrc/components/Map/Autocomplete.tsx .

    View on GitHub

    必要条件

  • ノード- 16.2.0
  • 糸- 1.22.17
  • ディープグラム
  • グーグルマップ
  • インストール

  • Gitクローンhttps://github.com/phonist/readtymap
  • CDを読み込む
  • クリエイト.ルートディレクトリのenvファイルと、これらのキーに値を代入する
  • NEXT_PUBLIC_GOOGLE_API_KEY_MAPS=<your google maps api key>
    NEXT_PUBLIC_DEEPGRAM_API_KEY=<your deepgram api key>
    
  • 糸dev
  • localhostに移動します.
  • 始める


    声を使う


    Search Bar
  • マイクのアイコンをクリックします.
  • ページを聞くときに“聞く”を示す.
  • ページが「検索」を示すとき、話すのを止めてください.
  • ReadTymap場所が表示されます.
  • 開発


    時間の大半は、開発が行われるsrc/components/Map/ , ここで、キー機能が使用されます.
    深さTSpages/api/deepgram.ts はテキストに対するスピーチに使用されますsrc/components/Map/Autocomplete.tsx .
    一方、GoogleマップAPIはマップ機能のために使用されますsrc/components/Map/GoogleMap.tsx .
    プロジェクト構造は以下の通りです.
    pages/
    |-- api/
      |-- deepgram.ts
    |-- index.tsx
    |-- _app.tsx
    |-- Map.tsx
    redux/
    |-- reducers/
    |-- actions/
    |-- thunks/
    |-- types/
          |-- interfaces/
    |-- reducers.ts
    |-- store.ts
    src/
    |-- components/
      |-- Map/
        |-- Autocomplete.tsx
        |-- GoogleMap.tsx
        |-- Pointer.tsx
    |-- Listening.tsx
    |-- Loading.tsx
    |-- Searching.tsx
    
  • ディープグラム.tsはDeepgramのAPIインタフェースです.
  • すべてのUIコンポーネントはsrc フォルダ.
  • すべてのreduxロジックはredux フォルダ.
  • すべてのタイプスクリプトインターフェイスはフォルダに保持されますtypes and types/interfaces.
  • 結論


    プロジェクトはホスト上ですreadtymap
    私が見たとき、心に浮かび上がった最初のことは、私がHackathonをホストしていたことがテキストAPIへのスピーチで何ができるかということでした.
    多くの類似したアプリがあるという事実にもかかわらず、心に浮かぶ最初のアイデアは、シンプルなものを作成する場所を検索する声を使用することはまだ価値があります.
    Develramのテキスト機能についての詳細を知りたい開発者は、出発点としてReadTymapを使用することができます.
    このプラットフォームを提供していただきありがとうございます.ディー