🖥️ Projeto React - Formulário com Validação

Este projeto foi desenvolvido utilizando React e tem como objetivo criar um formulário com validação de entrada de dados.

📌 Funcionalidades

✔️ Validação de campos obrigatórios
✔️ Estilização com CSS
✔️ Componentização de elementos
✔️ Uso do ESLint para padronização do código
✔️ Componente para transformar texto em maiúsculo e colorido
✔️ Botão que exibe um alerta com a label ao ser clicado

🚀 Tecnologias utilizadas

• React.js
• JavaScript (ES6+)
• CSS3
• ESLint

🐂 Estrutura do projeto

QUEST-REACT-BASE/
├ 📂 node_modules/
├ 📂 public/
├ 📂 src/
│ ├ 📂 assets/
│ ├ 📂 components/
│ │ ├ 📂 AlertButton/
│ │ │ ├ 📄 index.css
│ │ │ ├ 📄 index.jsx
│ │ ├ 📂 StyledTex/
│ │ │ ├ 📄 index.css
│ │ │ ├ 📄 index.jsx
│ ├ 📄 App.jsx
│ ├ 📄 main.jsx
├ 📄 .gitignore
├ 📄 eslint.config.js
├ 📄 index.html
├ 📄 package.json
├ 📄 package-lock.json
├ 📄 README.md
├ 📄 vite.config.js

▶️ Como rodar o projeto

1. Clone o repositório:

   git clone https://github.com/alanborgesdev/quest-react-base

2. Acesse a pasta do projeto:

   cd quest-react-base

3. Instale as dependências:

   npm install

4. Inicie o servidor de desenvolvimento:

   npm run dev

5. Abra no navegador:
   O projeto estará rodando em: http://localhost:3000

📌 Componentes criados

🛠️ AlertButton

• Nome do componente: AlertButton
• Funcionalidade:
  • Renderiza um botão estilizado.
  • Ao ser clicado, exibe um alert com a mensagem: "A label desse botão é <label>".

🛠️ StyledTex

• Nome do componente: StyledTex
• Funcionalidade:
  • Aplica estilos personalizados ao texto.

📌 Autor

Projeto desenvolvido por Alan Borges no curso DevQuest.