https://github.com/johnsi15/buscador-peliculas

Esta aplicación de búsqueda de películas, desarrollada como parte de una prueba técnica utilizando React.js, es una demostración de habilidades técnicas y enfoque centrado en el rendimiento. Diseñada para brindar una experiencia de usuario fluida y eficiente, la aplicación presenta características distintivas y optimizaciones clave.
https://github.com/johnsi15/buscador-peliculas

eslint just-debounce-it reactjs typescript vite

Last synced: 4 days ago
JSON representation

Esta aplicación de búsqueda de películas, desarrollada como parte de una prueba técnica utilizando React.js, es una demostración de habilidades técnicas y enfoque centrado en el rendimiento. Diseñada para brindar una experiencia de usuario fluida y eficiente, la aplicación presenta características distintivas y optimizaciones clave.

• Host: GitHub
• URL: https://github.com/johnsi15/buscador-peliculas
• Owner: johnsi15
• Created: 2023-10-18T22:40:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-23T22:02:34.000Z (12 months ago)
• Last Synced: 2024-04-15T03:00:05.230Z (7 months ago)
• Topics: eslint, just-debounce-it, reactjs, typescript, vite
• Language: CSS
• Homepage: https://search-movies-list.netlify.app/
• Size: 165 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Prueba técnica Enunciado

Crea una aplicación para buscar películas

API a usar: - https://www.omdbapi.com/

Consigue la API Key en la propia página web registrando tu email.

Requerimientos:

✅ Necesita mostrar un input para buscar la película y un botón para buscar.

✅ Lista las películas y muestra el título, año y poster.

✅ Que el formulario funcione

✅ Haz que las películas se muestren en un grid responsive.

✅ Hacer el fetching de datos a la API

Primera iteración:

✅ Evitar que se haga la misma búsqueda dos veces seguidas.

✅ Haz que la búsqueda se haga automáticamente al escribir.

✅ Evita que se haga la búsqueda continuamente al escribir (debounce)

Usando un hook para scroll infinite: https://usehooks-ts.com/react-hook/use-intersection-observer