Criando o projeto

• npm create vite@latest

  • Escolher React e TypeScript
  • Abre o novo projeto no VSCode

• Se já quiser ver sua aplicação:

npm i
npm run dev

Limpando o projeto

• Personalizar o index html → icon (está no arquivo do figma) e title
• Apagar o conteúdo da pasta src/assets
• Apagar App.css
• Limpar index.css
• Limpar App.tsx (Vamos deixar apenas um <h1>Olá, mundo!</h1>)

Instalando dependências

Install Tailwind CSS with Vite - Tailwind CSS

npm install tailwindcss @tailwindcss/vite
npm install --save-dev @iconify/react
npm install @faker-js/faker --save-dev

• Trocando o conteúdo de vite.config.js
  • vite.config.js
• Setando o tailwind no index.css
  • index.css