16 - Criar projeto React

Agora vamos criar a parte frontend da nossa aplicação usando React com o Vite, que é uma ferramenta moderna para iniciar projetos rápidos em JavaScript e React.

Vamos criar um novo projeto chamado pessoa-front. Abra o terminal e execute o comando:

npm create vite@latest pessoa-front

Durante a criação, o Vite irá perguntar algumas configurações:

  • Escolha o framework React.
  • Escolha JavaScript ou TypeScript (para este projeto, podemos usar JavaScript).

Depois que o Vite criar a estrutura do projeto, acesse a pasta do projeto e instale as dependências:

cd pessoa-front
npm install

Por fim, para iniciar a aplicação e verificar se está funcionando, execute:

npm run dev

O Vite irá iniciar um servidor local e fornecer a URL para acessar o projeto no navegador. No vídeo, mostro todo o passo a passo de criação do projeto, instalação das dependências e execução inicial, para que você tenha o frontend pronto para começar a integrar com a nossa API.