josuellions / rocketseat_nlw14_expert_reactjs_notes

Desenvolvimento de uma aplicação front-end em ReactJS, aplicação dos conceitos de Propriedades, Estados e Componentes, tipagem com Typescript, tooling com Vite, interface responsiva com TailwindCSS, uso de APIs da Web como Web Storage e Web Speech.

OmniStack - NLW 14 - Experts

Data: 05/02/2024 a 07/02/2024

RocketSeat

Educator: Diego Fernandes

Developer: Josuel A. Lopes

About

Desenvolvimento de uma aplicação front-end em ReactJS, aplicação dos conceitos de Propriedades, Estados e Componentes, tipagem com Typescript, tooling com Vite, interface responsiva com TailwindCSS, uso de APIs da Web como Web Storage e Web Speech. Aplicação para criar notas através da captura de audio pelo navegador, e criar uma nota com base no áudio convertendo para texto.

• Vite
• ReactJS
• Tailwind CSS

Inicio projeto

• pnpm (link simbólico para npm otimiza utilização de espaço ao instalar pacotes)

pnpm create vite@latest
pnpm i

Instalando e configurando

 pnpm i -D tailwindcss postcss autoprefixer
 pnpm tailwindcss init -p

• Modal de alert

pnpm i @radix-ui/react-dialog

• Formatar Datas (Date)

pnpm i date-fns

• Pacote de icons

 pnpm i lucide-react

• Notificações e alert

pnpm i sonner

Instalando e configurando Recognition

 pnpm i -D @types/dom-speech-recognition