Giter Club home page Giter Club logo

poke-lister's Introduction

poke-lister's People

Contributors

giovannalinda avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

felipesoarws

poke-lister's Issues

Add pokemon number (using #XXX format) on the top left of Pokemon Card

The Pokemon card looks nice but it would be even more nicer if we had the pokemon number on the top left of the card.

The number must be a 4-digit number, with 0 appended on the left until it reaches 4 digits.

For instance, in Bulbassaur card, it would show #0001. For Pikachu, it would be #0025 and for mewtwo, it would show #0150 .

Example:
Screen Shot 2022-02-22 at 12 19 56

Bonus, complex: Add Sorting to the table

It would be really nice if we had ways of sorting the table --

A button to sort alphabetically and another button to sort by pokemon number (the default sorting right now).

That button could have any design (or no design at all), I'm mostly interested in the sorting logic behind the scenes and how it will be re-rendered.

Improve render on desktop screens

Currently, if I try to open it on my desktop, it only shows 9 pokemons, and it's super hard to scroll horizontally (there's no scroll bar, so I have to select text and drag all the way to the right).

Instead of rendering in a single row like it is right now, I'd rather have it on a table where I could see all of them in a single view without scroll horizontally, something like the view in https://pokedex.org.

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.