https://github.com/jordane-chaves/nlw-expert-notes
NLW #14 Expert | Notes
https://github.com/jordane-chaves/nlw-expert-notes
radix-ui reactjs speechrecognition tailwindcss
Last synced: about 2 months ago
JSON representation
NLW #14 Expert | Notes
- Host: GitHub
- URL: https://github.com/jordane-chaves/nlw-expert-notes
- Owner: jordane-chaves
- License: mit
- Created: 2024-02-07T23:13:37.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-08T11:35:16.000Z (over 2 years ago)
- Last Synced: 2025-06-05T09:05:31.866Z (about 1 year ago)
- Topics: radix-ui, reactjs, speechrecognition, tailwindcss
- Language: TypeScript
- Homepage: https://jordane-chaves.github.io/nlw-expert-notes/
- Size: 1.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
NLW #14 Expert - Notes
Projeto |
Tecnologias |
Layout |
Como Executar |
Licença |
Autor
## 💻 Projeto
Diferente de outros aplicativos de notas, o Notes é uma aplicação em que 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](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition), disponível nos navegadores modernos.
Além disso, criamos um aplicativo responsivo, aprendendo sobre estilização e responsividade. Foi abordado também a acessibilidade da aplicação e a criação de modais.
Este é um projeto desenvolvido em aula no evento NLW expert, um evento gratuito em programação, promovido pela [Rocketseat](https://www.rocketseat.com.br).
## 🚀 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [ReactJS](https://reactjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Tailwindcss](https://tailwindcss.com/)
- [Radix](https://www.radix-ui.com/)
- [Sonner](https://sonner.emilkowal.ski/)
- [Vite](https://vitejs.dev/)
- [Local Storage](https://developer.mozilla.org/pt-BR/docs/Web/API/Window/localStorage)
- [Speech Recognition API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition)
## 🔖 Layout
Você pode visualizar o layout do projeto através [DESSE LINK](https://www.figma.com/community/file/1336456128647909148/nlw-expert-notes). É necessário ter conta no [Figma](https://figma.com) para acessá-lo.
## 🎲 Como executar
Clone este repositório
```bash
git clone https://github.com/jordane-chaves/nlw-expert-notes.git
```
Acesse o diretório da aplicação
```bash
cd nlw-expert-notes
```
Faça a instalação das dependências
```bash
npm install
```
Execute a aplicação
```bash
npm run dev
```
## 📝 Licença
Esse projeto está sob a licença MIT.
## Autor
Feito com 💜 por Jordane Chaves