search

PokemonGoers / Catch-em-all

Now that we have tons of data about Pokemon (what they are, where they are, what’s their relationship, what they can transform into, which attacks they can perform, aso) we want to integrate it all into a comprehensive website. This website should contain sections about each Pokemon and its details. Additionally, the website should register the user’s location and tell the user how close is that the predicted pokemon to him/her. Additionally you will be incorporating the apps that were created by project B,C and D into the website. Your group will need to create automated builds and testing for this apps and use continuous integration to pull in new changes in the code repositories. Apps from projects B-D should be packaged and made available on NPM. Ideally when you completed these tasks the webapp component would integrate the apps by “requiring’ them. Here is a possible user story: when a user opens the website or the app the current location of the user will be shown. Additionally, the website/app will show automatically where the pokemons that are currently active are and where the pokemons that we predict to active in the nearest future (i.e. within half a day) will be located (all of this will be available from the app developed in project D). Hopefully, the website will be somewhat crowded by that data. Then, there needs to be a menu bar or something available (e.g. above the map or on the right side to it) that will list currently active or predicted pokemons. Clicking on one of them will make other pokemons on the map disappear, except of this clicked one. Separate web pages would allow the search and presentation of individual Pokemons and the information we gathered about them, including third party data (project A) and twitter analysis (project C)
9 stars 7 forks source link

Improve PokeDex Detail Page Design #121

Closed MajorBreakfast closed 7 years ago

MajorBreakfast commented 7 years ago

I'm working on making the PokeDex more modern

MajorBreakfast commented 7 years ago

PR will come tomorrow. But, here's a sneak preview:

new-pokedex

I consider the stuff shown on the screenshot finished. However, I still have to revamp the attacks section (not visible above).

Side note: The stuff you see is super responsive. The header section can split on small devices and the evolutions now adapt to the screen size better than before. Also, I've simplified the markup (html) under the hood considerably.

philbu commented 7 years ago

I don't really like the cloudy design of the stats.

WoH commented 7 years ago

What's the reason for the rather obtrusive background color? I can see this looking a lot better as a navbar color.

E: As already noticeable in your screenshot, this will be very uneasy on the eyes, considering all the different colors of the badges it will be displayed with.

sacdallago commented 7 years ago

@MajorBreakfast I appreciate the effort.

Things I like I like the re-arrangement of stuff, it looks cleaner and more compact. I also like the bigger image in the header.

Things I don't like The background is too obtrusive, and I don't fully understand the reason for the clouds to be :) Boxes can do as well, right?

I believe if you account for the BG and the clouds, the PR might be good to go

MajorBreakfast commented 7 years ago

Thanks for your feedback. The major difference is that the new design is responsive because it adjusts according to the screen size. I'll provide the PR later, after we merge everybody is welcome to propose nice colors and shapes. Let's focus on the broad design aspects for now. I'm confident that we can come up with something that everybody likes together.

pokedex-details-big

MajorBreakfast commented 7 years ago

Merged.

(We'll get rid of the clouds as soon as I come up with something suitable to replace them. Hehe :)