https://github.com/jairo51067/citas-motivacionales
Este proyecto genera citas motivacionales aleatorias para inspirar al usuario. Desarrollado como una introducción al desarrollo web interactivo, se enfoca en aplicar lógica de JavaScript para evitar la repetición de citas, junto con un diseño responsivo y accesible.
https://github.com/jairo51067/citas-motivacionales
bootstrap5 css3 fontawesome5 html5 javascript responsive-web-design semantic-segmentation
Last synced: about 2 months ago
JSON representation
Este proyecto genera citas motivacionales aleatorias para inspirar al usuario. Desarrollado como una introducción al desarrollo web interactivo, se enfoca en aplicar lógica de JavaScript para evitar la repetición de citas, junto con un diseño responsivo y accesible.
- Host: GitHub
- URL: https://github.com/jairo51067/citas-motivacionales
- Owner: jairo51067
- Created: 2024-11-27T13:24:50.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-27T15:52:22.000Z (6 months ago)
- Last Synced: 2025-01-30T09:17:13.170Z (4 months ago)
- Topics: bootstrap5, css3, fontawesome5, html5, javascript, responsive-web-design, semantic-segmentation
- Language: JavaScript
- Homepage: https://jairo51067.github.io/Citas-motivacionales/
- Size: 551 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Citas Motivacionales
Este proyecto es una aplicación web interactiva que genera citas motivacionales aleatorias, desarrollada con HTML5, CSS3, y JavaScript. Se abordaron desafíos como asegurar la no repetición de citas consecutivas mediante lógica de manejo de índices únicos. El diseño incluye una experiencia de usuario atractiva, apoyada por Bootstrap y FontAwesome para botones animados y estilización consistente. Es una solución que destaca por su claridad en la implementación y demuestra habilidades sólidas en desarrollo web básico.[Ver el Proyecto en Acción](https://jairo51067.github.io/Citas-motivacionales/)
Vista Previa
## Descripción
Este proyecto genera citas motivacionales aleatorias para inspirar al usuario. Desarrollado como una introducción al desarrollo web interactivo, se enfoca en aplicar lógica de JavaScript para evitar la repetición de citas, junto con un diseño responsivo y accesible.## Características
- **Generación de citas aleatorias únicas:** Evita la repetición de citas consecutivas.
- **Diseño interactivo:** Botones animados y un diseño limpio con Bootstrap.
- **Accesibilidad móvil:** La interfaz es completamente responsiva.
- **Código modular:** Fácil de entender y mantener.## Tecnologías Utilizadas
- **HTML5:** Para la estructura semántica de la aplicación.
- **CSS3:** Para la estilización básica y la integración con Bootstrap.
- **JavaScript:** Para la lógica interactiva y generación de citas únicas.
- **Bootstrap y FontAwesome:** Para el diseño responsivo y el uso de íconos animados.## Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/usuario/nombre_del_proyecto.git
```
2. Abre el archivo `index.html` en tu navegador web preferido.## Cómo Contribuir
1. Haz un fork del repositorio.
2. Crea una nueva rama (`git checkout -b nombre-de-la-rama`).
3. Realiza tus cambios.
4. Envía un pull request.¡Cualquier contribución es bienvenida!
## Licencia
Este proyecto está licenciado bajo la licencia MIT.## Autor
Este proyecto fue desarrollado por **Jairo Cárdenas**.
- Correo electrónico: [[email protected]](mailto:[email protected])
- GitHub: [@jairo51067](https://github.com/jairo51067)