https://github.com/pabloxt14/nlw-expert-notes
Aplicação de notas que não só permite aos usuários digitarem suas anotações, mas também oferece a funcionalidade inovadora de transcrição de áudio para texto, utilizando o microfone do dispositivo, graças à poderosa Speech Recognition API.
https://github.com/pabloxt14/nlw-expert-notes
date-fns lucide-react radix-ui react sonner speech-recognition tailwindcss vite
Last synced: 7 months ago
JSON representation
Aplicação de notas que não só permite aos usuários digitarem suas anotações, mas também oferece a funcionalidade inovadora de transcrição de áudio para texto, utilizando o microfone do dispositivo, graças à poderosa Speech Recognition API.
- Host: GitHub
- URL: https://github.com/pabloxt14/nlw-expert-notes
- Owner: PabloXT14
- License: mit
- Created: 2024-02-06T00:53:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-12T22:12:37.000Z (over 1 year ago)
- Last Synced: 2025-01-27T13:09:35.533Z (9 months ago)
- Topics: date-fns, lucide-react, radix-ui, react, sonner, speech-recognition, tailwindcss, vite
- Language: TypeScript
- Homepage: https://pabloxt14-nlw-expert-notes.vercel.app
- Size: 909 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
NLW Expert (React)
🚀 Aplicação finalizada 🚀
About |
Deploy |
Layout |
Setup |
Technologies |
License
## 💻 About
Aplicação de notas que não só permite aos usuários digitarem suas anotações, mas também oferece a funcionalidade inovadora de transcrição de áudio para texto, utilizando o microfone do dispositivo, graças à poderosa Speech Recognition API.
Essa aplicação foi desenvolvida durante o NLW Expert da [Rocketseat](https://www.rocketseat.com.br/) utilizando React, TypeScript, Tailwind e a SpeechRecognition API.
---
## 🔗 Deploy
O deploy da aplicação pode ser acessada através da seguinte URL base: https://pabloxt14-nlw-expert-notes.vercel.app/
---
## 🎨 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://www.figma.com/) para acessá-lo.
Veja uma demonstração visual das principais telas da aplicação:
### Home
### Dialog (New)
### Dialog (New Recorder)
### Dialog (Filled)
---
## ⚙ Setup
### 📝 Requisites
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
* [Git](https://git-scm.com)
* [NodeJS](https://nodejs.org/en/)
* [NPM](https://www.npmjs.com/) ou [Yarn](https://yarnpkg.com/)
* Para o banco de dados ter o [Docker](https://www.docker.com/) para baixar as imagens dos bancos PostgreSQL e Redis que utilizamos na aplicação.
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
### Cloning and Running
Passo a passo para clonar e executar a aplicação na sua máquina:
```bash
# Clone este repositório
$ git clone git@github.com:pabloxt14/nlw-expert-notes.git
# Acesse a pasta do projeto no terminal
$ cd nlw-expert-notes
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação inciará em alguma porta disponível que poderá ser acessada pelo navegador
```
---
## 🛠 Technologies
As seguintes principais ferramentas foram usadas na construção do projeto:
- **[Vite](https://vitejs.dev/)**
- **[TypeScript](https://www.typescriptlang.org/)**
- **[TailwindCSS](https://tailwindcss.com/)**
- **[RadixUI](https://www.radix-ui.com/)**
- **[Lucide React](https://lucide.dev/guide/packages/lucide-react)**
- **[Sonner](https://sonner.emilkowal.ski/)**
- **[date-fns](https://date-fns.org/)**
> Para mais detalhes das dependências gerais da aplicação veja o arquivo [package.json](./package.json)
---
## 📝 License
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações
---
Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!