Desafio React.js Contador de Cliques

• Descrição do Desafio
• Tarefas
• Bônus
• Instruções para iniciar o projeto

Descrição do Desafio

Você é encarregado de criar um aplicativo simples de contador de cliques.
O aplicativo deve exibir um contador iniciando em zero e dois botões:
"Incrementar" e "Decrementar". Quando o botão "Incrementar" é clicado,
o contador deve aumentar em 1, e quando o botão "Decrementar" é clicado,
o contador deve diminuir em 1. O contador nunca deve ser menor do que zero.

Tarefas

✅ Crie um novo projeto React usando o Vite como bundler.

✅ Crie um componente Counter que exiba o valor atual do contador e os botões "Incrementar" e "Decrementar".

✅ Implemente a funcionalidade para aumentar o contador quando o botão "Incrementar" é clicado.

✅ Implemente a funcionalidade para diminuir o contador quando o botão "Decrementar" é clicado.

✅ Garanta que o contador nunca seja menor que zero.

✅ Estilize o componente para uma melhor apresentação.

Bônus

• Use React para criar o aplicativo.
• Utilize o Vite para configurar o projeto.
• O uso de Hooks do React (por exemplo, useState) é recomendado para gerenciar o estado do contador.

---

Instruções para iniciar o projeto

• Certifique-se de ter o Node.js instalado em sua máquina. Caso contrário, faça o download e a instalação em https://nodejs.org/.

• Instale o Vite globalmente se ainda não o fez, usando o seguinte comando:

npm install -g create-vite

• Crie um novo projeto React usando o Vite com o seguinte comando:

create-vite my-counter-app --template react

• Acesse o diretório do projeto:

cd my-counter-app

• Inicie o servidor de desenvolvimento:

npm run dev