- É uma aplicação que pemite gravar notas através de áudio ou texto, totalmente responsiva e acessível
- Essa aplicação é construida com Vite
- Faz uso do framework React para o front-end
- E utiliza a biblioteca Tailwind para criação e estilização do layout
- Contemple e usufrua dessa belezura em https://expert-notess.vercel.app
🚀 Vite
- Automatiza e acelera o processo de criação de estrutura de projetos front-end (como route module replacement, typescript, jsx, importação de css, etc).
- Siga: https://vitejs.dev/guide/#scaffolding-your-first-vite-project
- Criação do projeto:
npm create vite@latest
🎨 Tailwind
- Utilite classes para HTML;
- Thin First API;
- Padronização CSS;
- Instalação (baseada no vite): https://tailwindcss.com/docs/guides/vite
📚 Radix
- Biblioteca de componentes comuns no uso web
- Fornece apenas o funcionamento de componentes (sem estilo)
- Utilizado o dialog nos modais dessa aplicação
- Instalação:
npm install @radix-ui/react-dialog
- Instalação:
🍞 Sonner
- Biblioteca para componente toast
- Instalação:
npm i sonner
- Biblioteca nativa do navegador para converter áudio em texto
- Verifique quais navegeadores oferecem suporte: https://caniuse.com/?search=speechrecognition
- Instalação para reconhecimento da tipagem em
window:npm i -D @types/dom-speech-recognition
- date-fns para formatação de datas :
npm i date-fns - lucide para obter componentes prontos (utilizado component "X"):
npm i lucide - Material complementar
- Encontrou melhorias e/ou bugs?
- Abra uma bela Issue
- Ou contribua com um lindo Pull Request
- Instale as dependências:
npm i - Execute o projeto:
npm run dev - Acesse em: http://localhost:5173