Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/franklin-barbosa/nlw-expert-notes
Repositório da aplicação que foi desenvolvida durante o NLW Experts da Rocketseat utilizando React, TypeScript, Tailwind e a SpeechRecognition API.
https://github.com/franklin-barbosa/nlw-expert-notes
reactjs tailwindcss typescript vite web-speech web-storage
Last synced: 19 days ago
JSON representation
Repositório da aplicação que foi desenvolvida durante o NLW Experts da Rocketseat utilizando React, TypeScript, Tailwind e a SpeechRecognition API.
- Host: GitHub
- URL: https://github.com/franklin-barbosa/nlw-expert-notes
- Owner: Franklin-Barbosa
- Created: 2024-02-12T14:50:01.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-15T15:51:30.000Z (10 months ago)
- Last Synced: 2024-02-16T03:28:14.198Z (10 months ago)
- Topics: reactjs, tailwindcss, typescript, vite, web-speech, web-storage
- Language: TypeScript
- Homepage:
- Size: 226 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
.png)
# NLW Expert Notes
Repositório da aplicação front-end que foi desenvolvida durante o NLW Experts 2024 da Rocketseat utilizando ReactJS, aplicação dos conceitos de Propriedades, Estados e Componentes, tipagem com Typescript, tooling com Vite, interface responsiva com TailwindCSS e uso de APIs da Web como Web Storage e Web Speech.
Diferente de outros aplicativos de notas, nesse você pode gravar uma nota usando áudio que será convertido em texto automaticamente. Isso é feito usando a interface da própria web, sem necessidade de contas externas, utilizando a Speech Recognition API, disponível nos navegadores modernos.
## Executando o projeto
Clone este repositório:
```shell
git clone https://github.com/Franklin-Barbosa/NLW-Expert-Notes.git
```
Instale as dependências:
```shell
npm install
```
Execute a aplicação:
```shell
npm run dev
```
Acesse http://localhost:5173 para visualizar a aplicação.
## Layout do projeto
Você pode visualizar o layout do projeto através [desse link](). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.