🌟 Mi primera app React completa

¡Bienvenidas a mi primer proyecto completo con React! Esta aplicación fue creada como ejercicio de aprendizaje para dominar los fundamentos de React: componentes, estado (useState), eventos y estilos dinámicos.

---

🎯 ¿Qué hace esta app?

• Muestra un saludo dinámico que cambia con botones interactivos.
• Permite modificar el color del texto del saludo al presionar el botón "Cambiar".
• Incluye dos contadores independientes que pueden aumentar, disminuir o reiniciarse.
• Utiliza componentes personalizados (Header, Button, Contador) para mantener el código organizado y reutilizable.

---

🖼️ Vista previa

---

🛠️ Tecnologías utilizadas

• React (con useState)
• HTML + CSS (estilos inline y archivos CSS)
• JavaScript moderno (ES6+)
• Componentes funcionales

---

📁 Estructura del proyecto

|src/

|├── App.jsx

|├── Header.jsx

|├── Header.css

|├── Button.jsx

|├── Contador.jsx

|├── App.css

└── index.js

---

🚀 Cómo ejecutar el proyecto

1. Cloná el repositorio:

   git clone https://github.com/MaVe1000/react-vite.git
   
   cd react-vite
   

2.      Instalá las dependencias:
   

   npm install

3.      Ejecutá la app:
   

   npm run dev

---

¡Por supuesto, Veiro! Vamos a crear un que sea claro, atractivo y que refleje tu estilo profesional y creativo. Este archivo va a servir para presentar tu proyecto en GitHub o cualquier portfolio, así que lo haremos con una estructura cuidada y visualmente agradable.

📝 README.md para tu proyecto React

src/ ├── App.jsx ├── Header.jsx ├── Header.css ├── Button.jsx ├── Contador.jsx ├── App.css └── index.js

2.      Instalá las dependencias:
   

3.      Ejecutá la app:
   

---

💡 Aprendizajes

Este proyecto me permitió:

• 	Comprender cómo funciona el estado en React.

• 	Crear componentes reutilizables y estilizados.

• 	Aplicar lógica condicional para cambiar estilos dinámicamente.

• 	Organizar el código de forma clara y modular.

---

✨ Autor

María Verónica Rebolleda

Frontend Developer

LinkedIn |

---

📌 Nota

Este proyecto es parte de mi camino de aprendizaje en desarrollo web. ¡Gracias por visitar!✨

---

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.