💫Motivario

Motivario es una Aplicación de Página Única (SPA) donde puedes tener tu propia página para mostrar tus Frases Motivadoras Favoritas. ¡Puedes crear, editar, leer y también eliminar frases con total libertad!

📷 Capturas del Proyecto

Proceso de Desarrollo

• Metodología ágil: Scrum y Kanban
• Trabajo em dos Sprints
• Reuniones Daily todos los días
• Retrospectiva al final del Sprint
• Uso de GitFlow para control de versiones
• Basado en un diseño seleccionado previamente en Figma, adaptado a nuevos requisitos dinámicos

💻Tecnologías

• HTML5
• CSS3
• React.js
• Tailwindcss

🛠️Herramientas

• Figma – Diseño base y guía visual
• Visual Studio Code – Desarrollo
• Trello – Gestión ágil de tareas
• Git / GitHub – Control de versiones

Cómo iniciar el proyecto localmente

Solo necesitas un navegador moderno y un editor como VS Code.

1. Clona este repositorio:

   git clone https://github.com/miaryl/p7_proyecto4.git

2. Abre la carpeta en Visual Studio Code.

3. Usa npm run dev para abrir un live server y visualizar la página.

4. ¡Listo! Empieza a explorar la web!

🎨 Tailwind CSS

Este proyecto utiliza Tailwind CSS para los estilos.

Versión

Versión de Tailwind CSS : v4.1.11

Cómo usar

Puedes usar las clases utilitarias de Tailwind directamente en archivos HTML o JSX.
Ejemplo:
html: <button class="bg-blue-500 text-white px-4 py-2 rounded">Haz clic</button>
jsx: <button className="bg-blue-500 text-white px-4 py-2 rounded">Click me</button>

📝 Pruebas Unitarias (Vitest)

Este proyecto utiliza Vitest para realizar pruebas unitarias.

Versión

Versión de Vitest: V3.2.4

Cómo ejecutar las pruebas

Para ejectar las pruebas unitarias: npm run test

👩‍💻Equipo

• 🤓 Ana Aguilera Product Owner y Desarrolladora Web
• 🤓 Mio Ogura Scrum Master y Desarrolladora Web
• 🤓 Estefanía Secanell Desarrolladora
• 🤓 Luisa Moreno Desarrolladora
• 🤓 Suraya Mattar Desarrolladora