https://github.com/kenkyoo/app-countries

Búsqueda de países: Permite buscar países por nombre con un sistema de búsqueda en tiempo real.
https://github.com/kenkyoo/app-countries

css html javascript jquery json semantic-ui

Last synced: 3 months ago
JSON representation

Búsqueda de países: Permite buscar países por nombre con un sistema de búsqueda en tiempo real.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-countries
• Owner: Kenkyoo
• Created: 2024-11-27T09:21:27.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-27T09:43:19.000Z (over 1 year ago)
• Last Synced: 2025-03-31T14:18:32.981Z (over 1 year ago)
• Topics: css, html, javascript, jquery, json, semantic-ui
• Language: JavaScript
• Homepage: https://kenkyoo.github.io/app-countries/
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
GeoFinder - Buscador de Países 🌍

GeoFinder es una aplicación web sencilla y funcional que permite buscar información sobre los países del mundo. Los datos se obtienen de un archivo JSON, y la interfaz aprovecha tecnologías modernas para ofrecer una experiencia fluida y atractiva.

Características

    Búsqueda de países: Permite buscar países por nombre con un sistema de búsqueda en tiempo real.

    Visualización de datos: Muestra información como el nombre, códigos (ISO Alpha-2, Alpha-3 y numérico) y bandera de los países.

    Interfaz interactiva: Incluye menús y componentes visuales dinámicos con Semantic UI.

    Diseño adaptable: Interfaz optimizada para diferentes tamaños de pantalla.

    Animaciones dinámicas: Uso de colores temáticos para mejorar la experiencia del usuario.

Tecnologías utilizadas

    HTML5, CSS3 y JavaScript: Para la estructura, diseño y lógica de la aplicación.

    jQuery: Para manipulación DOM y eventos.

    Semantic UI: Para componentes visuales y estilos predefinidos.

    JSON: Para el almacenamiento y manejo de datos de los países.

Estructura del proyecto

/geo-finder

├── index.html     # Estructura principal de la aplicación

├── style.css      # Estilos personalizados

├── script.js      # Lógica de la aplicación

├── countries.json # Datos de los países

Funcionalidad

    Búsqueda dinámica: Escribe el nombre de un país (mínimo 3 caracteres) en el buscador para obtener resultados instantáneos.

    Lista de países: Por defecto, se muestran todos los países.

    Interacción visual: Visualiza banderas, códigos y nombres en una interfaz clara y atractiva.

    Scroll sticky: El menú de paginación se mantiene visible al desplazarte por la página.

Recursos adicionales

    Semantic UI Documentation

    jQuery Documentation

Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.