/expert-rocket-notes

Primary LanguageTypeScript

Evento NLW Expert trilha de React da Rocketseat

Stack utilizada

Front-end: ReactJS, TailwindCSS

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.

Demonstração

Instalação

Criando projeto, instalando as dependências e rodando a aplicação

npm create vite@latest

npm i

npm run dev

Instalando Tailwind CSS

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

Bibliotecas Radix UI (para uso de modal)

npm install @radix-ui/react-dialog

date-fns (para tratamento de datas)

npm i date-fns

npm i lucide-react

Sooner (para exibição de toasts)

npm install sonner

npm install -D @types/dom-speech-recognition

Referência

Autores