Giter Club home page Giter Club logo

modulo-3-evaluacion-final-lcras90's Introduction

Buscador de Personajes Rick & Morty

La aplicación se presenta con un Header, un Form con dos inputs de búsqueda, por nombre y por especie. Y un listado de personajes correspondiete a la primera página de la API. Para saber más de la API (https://rickandmortyapi.com/documentation)

Funcionalidades

  1. La aplicación hace una llamada a la API cuando iniciamos la página para presetar un listado de personajes.
  2. Cuando buscamos por nombre, hacemos otra llamada a la API, que busca entre todos los nombres del total de personajes.
  3. A medida que vamos escribiendo en el input de texto nos aparecerán los resultados que contengan las letras que escribimos.
  4. Con el botón de select podemos elegir la especie que estamos buscando.
  5. Ambos inputs se complementan en el filtrado.
  6. Cuando pinchamos en cualquiera de las tarjetas de personaje, nos lleva a una nueva página donde encontraremos la tarjeta del personaje con más detalles y un botón para volver a la página principal.
  7. Si volvemos desde una tarjeta o recargamos la página nuestra búsqueda se mantiene.
  8. Si no encontramos el resultado de nuestra búsqueda la aplicación nos dará un mensaje de error.
  9. Si al poner en la url una extensión de la dirección que no se encuentra, la aplicación, nos dará un mensaje de error.

Detalles

  1. Las tarjetas contienen dibujitos para designar la especia y el estatus. Si ponemos el cursor sobre ellos sabemos qué especie es.
  2. La disposición de las tarjetas está echa con Grid.
  3. La página es Responsive.
  4. Los resultados se ordenan alfabéticamente.
  5. Al pulsar intro el navegador no navega o cambia la ruta.
  6. El buscador acepta las búsquedas tanto en mayúsculas como en minúsculas.

modulo-3-evaluacion-final-lcras90's People

Contributors

luciacrast avatar igarrido-adalab avatar

Watchers

James Cloos avatar Yanelis Serrano Taylor avatar

modulo-3-evaluacion-final-lcras90's Issues

AdaBot: por favor transfiere o borra este repositorio

Buenos días joven Adalaber, cómo estás? Yo estoy bien!!!

Soy 🤖 AdaBot 🤖 y me encargo de gestionar la cuenta de Adalab en GitHub. Me acabo de dar cuenta que tengo más de 2800 repositorios... muchos, demasiados, imposibles de manejar para un solo bot.

Os pido a las alumnas de anteriores promociones que por favor transfiráis vuestros repos a tu propia usuaria de GitHub.

Si este repositorio es solo tuyo...

por favor, transfierelo a tu usuaria de GitHub entrando en las Settings, a continuación baja hasta Danger Zone y pulsa en Transfer ownership.

Si este repo es tuyo y de otras personas...

podéis hacer dos cosas:

  • Que una de vosotras se lo transfiera a sí misma y luego las compañeras hagan un fork.
  • Que todas hagáis un fork y luego podéis borrar el repo original.

Si este repo es tuyo pero no te interesa...

bórralo!!!

Si transfieres o haces un fork...

recuerda que para que todo funcione bien, tendrás que volver a generar GitHub Pages para que se genere una nueva dirección.

Si no tienes permisos...

es decir, si no tienes acceso a las settings escribe a Miguel del Mazo por Slack y él te dará acceso.

Si no eres alumna...

o este repo no es tuyo, ignora este issue o escríbe a Miguel del Mazo a través de Slack para avisarle de que debe arreglarme.

Si no haces nada...

este repo se autodestuirá en 15 días!!! No te volveré a avisar ni te enviaré un recordatorio... no me gusta molestar :(

Gracias por ayudar a tener nuestro GitHub limpio y elegante.

Refuerzo positivo :)

Este mensaje es para @LuciaCrast @igarrido-adalab

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.