Skip to content

feat: componente SearchBar añadido y actualizacion de page.tsx#4

Open
rjrbio wants to merge 1 commit intomainfrom
feat/task-001-search-bar
Open

feat: componente SearchBar añadido y actualizacion de page.tsx#4
rjrbio wants to merge 1 commit intomainfrom
feat/task-001-search-bar

Conversation

@rjrbio
Copy link
Collaborator

@rjrbio rjrbio commented Mar 20, 2026

📝 Resumen

Implementación del componente SearchBar para filtrar APIs por nombre desde la página principal.


🔗 Tarea relacionada

tasks/beginner/task-001-search-bar.md


✅ Cambios realizados

  • Creado src/components/search-bar.tsx con soporte para value, onChange y placeholder
  • Actualizado src/app/page.tsx para integrar SearchBar con estado local
  • Añadido filtrado de APIs por nombre en tiempo real
  • Añadido estado vacío cuando no hay resultados

📸 Capturas de pantalla

  • Barra con filtro vacío:
emptybar
  • Barra con filtro activo:
filterbar

✔️ Checklist

  • He trabajado solo en una tarea
  • He revisado mis cambios antes de enviar la PR
  • He seguido la estructura del proyecto
  • He añadido contexto suficiente para facilitar la revisión

NOTA:

El proyecto no tenía estructura base de Next.js al momento de realizar esta tarea.
He inicializado el proyecto con create-next-app (Next.js + TypeScript + Tailwind CSS)
como paso previo necesario para poder implementar el componente.

@rjrbio rjrbio closed this Mar 26, 2026
@rjrbio rjrbio reopened this Mar 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant