Country Explorer es una aplicación web diseñada para explorar países y obtener información detallada sobre ellos. La aplicación utiliza Vue 2 para la construcción del frontend, GraphQL para la obtención de datos sobre países, y Tailwind CSS para un diseño moderno y responsive.
- Exploración de Países: Visualiza una lista de países con detalles dinámicos.
- Integración de GraphQL: Obtén datos de países utilizando consultas GraphQL.
- Diseño Responsive: La aplicación está diseñada para adaptarse a diferentes tamaños de pantalla.
- Modo Oscuro: Alterna entre el modo oscuro y claro con un botón de toggle en el encabezado.
- Filtrado de Países: Busca y filtra países por continente y otros criterios.
- Vue 2: Framework de JavaScript para construir interfaces de usuario interactivas.
- GraphQL: Lenguaje de consulta para obtener datos sobre países.
- Tailwind CSS: Framework de CSS para un diseño moderno y responsive.
Home.vue: Página principal que muestra la lista de países y permite buscar y filtrar.SidebarMenu.vue: Menú de navegación con enlaces a diferentes vistas.App.vue: Componente principal que incluye el diseño del encabezado y el área de contenido.style.css: Estilos CSS que aseguran transiciones suaves entre el modo claro y oscuro.
cd country-explorer npm install npm run serve
markdown Copiar código
Country Explorer es una aplicación web diseñada para explorar países y obtener información detallada sobre ellos. La aplicación utiliza Vue 2 para la construcción del frontend, GraphQL para la obtención de datos sobre países, y Tailwind CSS para un diseño moderno y responsive.
- Exploración de Países: Visualiza una lista de países con detalles dinámicos.
- Integración de GraphQL: Obtén datos de países utilizando consultas GraphQL.
- Diseño Responsive: La aplicación está diseñada para adaptarse a diferentes tamaños de pantalla.
- Modo Oscuro: Alterna entre el modo oscuro y claro con un botón de toggle en el encabezado.
- Filtrado de Países: Busca y filtra países por continente y otros criterios.
- Vue 2: Framework de JavaScript para construir interfaces de usuario interactivas.
- GraphQL: Lenguaje de consulta para obtener datos sobre países.
- Tailwind CSS: Framework de CSS para un diseño moderno y responsive.
- Clona el repositorio:
git clone https://github.com/tu-usuario/country-explorer.git
Navega al directorio del proyecto:
bash Copiar código cd country-explorer Instala las dependencias:
bash Copiar código npm install Inicia el servidor de desarrollo:
bash Copiar código npm run serve Abre tu navegador y visita http://localhost:8080 para ver la aplicación en acción.
Contribución Si deseas contribuir a este proyecto, por favor sigue estos pasos:
Realiza un fork del repositorio. Crea una nueva rama (git checkout -b feature/nueva-caracteristica). Realiza tus cambios y confirma (git commit -am 'Añadir nueva característica'). Envía tus cambios a tu fork (git push origin feature/nueva-caracteristica). Crea una solicitud de extracción (pull request) en GitHub.
Información del Desarrollador Albert Jesús De La Cruz Silvera Soy un apasionado estudiante de ingeniería de software en el séptimo ciclo, con un fuerte deseo de utilizar la programación como medio para ayudar y desarrollar mis habilidades de resolución de problemas. Poseo un sólido conjunto de habilidades técnicas en lenguajes como Java, Python, C++ y JavaScript, así como experiencia en el desarrollo de aplicaciones web y móviles, y en el manejo de bases de datos y diseño de esquemas. Mi verdadera pasión radica en la programación, donde veo cada línea de código como una oportunidad para expresar mi creatividad y dar vida a ideas innovadoras. Disfruto resolviendo desafíos complejos y buscando soluciones elegantes que mejoren la experiencia del usuario y tengan un impacto positivo en la sociedad. Mi objetivo es crecer profesionalmente en un entorno desafiante y colaborativo, y contribuir activamente al desarrollo de soluciones tecnológicas de vanguardia.