Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luiizsilverio/nlw-14

NLW Expert #14, trilha React, utiliza a API SpeechRecognition, para transcrição de fala
https://github.com/luiizsilverio/nlw-14

date-fns lucide-react nlw nlw-14 radix-ui react rocketseat sonner tailwindcss typescript vite

Last synced: 17 days ago
JSON representation

NLW Expert #14, trilha React, utiliza a API SpeechRecognition, para transcrição de fala

Awesome Lists containing this project

README

        

# NLW Expert #14 🚀

## Conteúdo
* [Sobre a aplicação](#sobre-a-aplicação)
* [Tecnologias](#hammer_and_wrench-tecnologias)
* [Iniciando a Aplicação](#car-Iniciando-a-aplicação)
* [Screenshots](#camera_flash-screenshots)
* [Contato](#email-contato)

## Sobre a aplicação
Aplicação desenvolvida em React durante o NLW Expert, promovido pela Rocketseat.

Permite incluir notas por texto ou por transcrição de áudio. Utiliza a API __SpeechRecognition__ para traduzir fala em texto.


## :hammer_and_wrench: Tecnologias
* __React__ + __Vite__ + __Typescript__
* __TailwindCSS__ para estilização
* __Radix-UI__ para janela modal
* __Sonner__ para mensagens pop-up
* __Lucide-React__ para ícones


## :car: Iniciando a aplicação
Baixe o repositório com git clone e entre na pasta do projeto.
```bash
$ git clone https://github.com/luiizsilverio/nlw-14
$ cd nlw-14
$ npm install
$ npm run dev
```

## :camera_flash: Screenshots
![](https://github.com/luiizsilverio/nlw-14/blob/main/src/assets/expert.gif)

## :email: Contato
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/luiz-s-de-oliveira-6b6067210)
[![E-mail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])