An open API service indexing awesome lists of open source software.

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.

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


![citas-aleatorias](https://github.com/user-attachments/assets/0651b4d9-53a6-48e7-a9fd-7d4ef329ca76)

## 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)