shimphillip/gotta-search-em-all

Interactive pokedex

gotta-search-em-all's Issues

Write tests

in Jest!

Unit tests and Integration tests are good. e2e tests sound overkill.

Add analytics

Create a docker container

This is tied with 'writing tests'.

We want to create a CI flow leveraging something like travisci, circleci or github actions. Then deploy the docker image.

Do a design change (Neumorphism)

The UI currently gives a retro/soft feelings. It would be cool to implement something like https://neumorphism.io/#55b9f3 across the project.

Add a router to get pokemon by its id or name

Ex. https://gotta-search-em-all.netlify.app/pokemon/pikachu
https://gotta-search-em-all.netlify.app/pokemon/25

Check off the items in https://github.com/thedaviddias/Front-End-Checklist

Make it responsive

Better contrast between some type backgrounds and texts

Type Dark badge color doesn't contrast well with the background. Let's come up with a fix.

Display tooltips when hovering over type badges

Give brief descriptions about characteristics of the type

Make the cursor more interesting

• Be creative. Something like Pikachu
• The cursor should also change its look a little on hover state over buttons or CTA items.

Improve get moves logic

Acceptance Criteria

Notes: Currently, there is only one button that randomly retrieves a move. Instead, let's create 2 buttons on the sides (1 on the left and the other on the right) that the user can click to move around.

• The moves should be sorted by levels -> machines -> tutors
• It would be also cool to display the total number of moves and show the user index.

Settings to change backgrounds

We have a cool pikachu background.

We can give users options to change to different backgrounds. We can find different kinds of backgrounds found at hyper pokemon.

https://github.com/klaussinani/hyper-pokemon/tree/master/backgrounds

support languages

Update animations

Currently, we do have an animation for when a pokemon is loading.

However, this design is borrowed from a codepen and it would be cool if we can come up with an authentic animation that can be more smooth.

It's an open idea, feel free to pitch in.

Update contributors in the README