Code Monkey home page Code Monkey logo

pokemonappmvi's Introduction

Pokemon App

Descripción del proyecto

Pequeña aplicación en la que se muestran todos los Pokemon que tenemos disponibles en pokeapi.co.

La aplicación tiene 4 pantallas: una pantalla de carga, una para mostrar el listado completo, otra para la búsqueda de Pokemon por texto y la última de detalle del Pokemon seleccionado.

Esta aplicación se ha realizado con el fin de practicar con:

  • Jetpack Compose para las vistas
  • Retrofit para el consumo de API
  • Hilt como inyector de dependencias
  • Clean Architecture y Unidirectional Data Flow
  • Navigation Compose

Pantalla principal

Esta pantalla se encarga de mostrar todos los ítems disponibles en la pokeapi.co, recibiendo los ítems de 10 en 10 (los siguientes ítems se van cargando al llegar al final de la lista). Desde aquí podremos navegar a la pantalla de detalle o a la de búsqueda pulsando en el botón de búsqueda.


Pantalla de búsqueda

En esta pantalla podremos buscar los Pokemon a través del cuadro de texto, filtrando el contenido en función del texto introducido. Podremos navegar al detalle o volver a la pantalla principal.

Pantalla de detalle

En ella se verá el detalle del Pokemon seleccionado, mostrando su imagen, su variante "Shiny", estadísticas, etc.

pokemonappmvi's People

Contributors

albrodiaz avatar

Watchers

 avatar

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.