Remake previous pokedex application, but with a better design and more features
Research:
Deciding on what information is relevant to the user, and how to present it in a way that is easy to understand
Determining what information is available from the API, and how to access it
Studying similar sites give an indication of how to structure the site
Planning:
How should the site be layed out, how to interconnect relevant layers such as evolutions and moves
Some pokemon have branches of evolutions, how to display them in a way that is easy to understand
Color scheme would be dynamically generated based on the pokemon's type, and the color scheme would be used to generate a theme for the pokemon's page
Next.js was used for ease of use and reliability. Dynamic pages were made simple with Next.js features.
Implementation:
The homepage was designed to be a simple search bar, with a introduction, and a random pokemon on the front which creates a quick way to demonstrate a page
The search bar allows for the name or the pokemon's ID from the game.
The search area will also include a dropdown of the pokemon in order in case the user is unsure of the name or ID of the pokemon they are looking for.
Polishing:
Accessibility, Resposiveness
The color scheme was designed to be accessible to those with colorblindness by using contrasting shades where visibility is important
Site was tested using different screen sizes and browsers to site behaves predictably regardless of usage.
Production:
Vercel was chosen to host the site for ease of deployment, ease of update, among other time saving features.
