🚦 Simulador de Semáforo React

Este proyecto es un simulador interactivo de semáforo desarrollado con React + Vite.
Incluye 4 luces (roja, amarilla, verde y púrpura 💜) y un diseño moderno, responsivo y atractivo.
¡Haz clic en cada luz para activarla o apágalas todas!

🧠 Tecnologías Utilizadas

• ⚛️ React 18
• 🎨 CSS con gradientes y animaciones
• ⚡ Vite para entorno de desarrollo rápido
• 💡 React Hooks (useState)

---

✨ Características

• Simulación de luces individuales
• Luz especial "púrpura" (estilo personalizado)
• Botón para apagar todas las luces
• Diseño responsivo
• Animaciones suaves y visuales brillantes

---

📁 Estructura de Archivos

📦 traffic-light 📂 public 📂 src 🧠 App.jsx 🎨 App.css 🔌 main.jsx 💅 index.css 📄 package.json 📄 README.md ⚙️ vite.config.js

---

🖌 Créditos

🎨 Diseño visual: Alejandra Bárcena**

🚀 Proyecto en Línea

Puedes ver el semáforo funcionando aquí:
🔗 Semáforo React en Vercel