GitHub Search – Infinite Scroll

English below 👇

---

📖 Descripción (Español)

Aplicación web sencilla que permite buscar usuarios y repositorios en GitHub usando la API pública.
La interfaz soporta scroll infinito: a medida que bajas en la página, se cargan más resultados automáticamente.

La app está hecha únicamente con HTML, CSS y JavaScript puro, sin frameworks externos.

✨ Funcionalidades

• Buscar repositorios (por defecto) o usuarios.
• Mostrar resultados en tarjetas con nombre, descripción, estadísticas y enlaces.
• Scroll infinito usando IntersectionObserver.
• Manejo de errores y mensajes de estado (sin resultados, fin de resultados, error de red, límite de API).
• Persistencia de la última búsqueda usando localStorage.
• Interfaz responsive y accesible.

⚙️ Herramientas utilizadas

• HTML5 → estructura semántica.
• CSS3 → grid responsive, variables CSS, diseño moderno oscuro.
• JavaScript (ES6+) →
  • fetch para consumir la API de GitHub.
  • IntersectionObserver para infinite scroll.
  • localStorage para persistencia.
  • Manejo de errores y limitación de tasa de GitHub.
• API de GitHub → https://docs.github.com/en/rest/search

🔒 Nota sobre la API

• La API pública de GitHub limita las búsquedas a 60 peticiones por hora sin autenticación.
• Para aumentar la cuota hasta 5000 peticiones por hora, puedes añadir un token personal de GitHub en script.js (const GITHUB_TOKEN).

---

📖 Description (English)

Simple web application that allows you to search GitHub users and repositories using the public API.
The interface supports infinite scroll: as you scroll down, more results are automatically loaded.

The app is built with HTML, CSS, and vanilla JavaScript only (no external frameworks).

✨ Features

• Search repositories (default) or users.
• Display results as cards with name, description, stats, and links.
• Infinite scroll powered by IntersectionObserver.
• Error handling and status messages (no results, end of results, network error, API rate limit).
• Last search persistence using localStorage.
• Responsive and accessible UI.

⚙️ Tools used

• HTML5 → semantic structure.
• CSS3 → responsive grid, CSS variables, modern dark design.
• JavaScript (ES6+) →
  • fetch to consume GitHub API.
  • IntersectionObserver for infinite scroll.
  • localStorage for persistence.
  • Error handling & rate limit management.
• GitHub API → https://docs.github.com/en/rest/search

🔒 API note

• GitHub’s public API allows 60 requests per hour without authentication.
• To increase the limit up to 5000 requests per hour, you can add a personal token in script.js (const GITHUB_TOKEN).