PokéMania
A Pokédex - a collection of Pokémon, showcasing their details, status, strengths and more...
Topic: Public Rest-API and Javascript
Completion: 2024/06
Client / Employer / Training: CareerFoundry
Project Objective:
Create a web-based Pokédex utilizing HTML, CSS, Bootstrap, and JavaScript and the public PokéAPI.
Role:
FrontEnd Developer setting up a simple interface that connects to the API through Javascript; building a visual UI.
TechStack - Tools - Methodology:
Design & Inspiration
This project only encompasses the beginning stages of a Pokédex:
- Load data from an external source (Poke-API)
- View a list of Pokémons (their names) that are clickable
- Once clicked, a modal should open to show more information on the respective Pokémon.
A lot more features are possible and I am looking into those :).
Views & Features
Approach & Steps taken
FrontEnd
Backend
What were the consequences?
I decided to use the better options of the images from the API, although their loading time is longer. I did want to use the Pokemon look - decided to use Pikachu in the hero to make it is a recognizable app.
Retrospective
Build more information already into the ‘button’ - like the image.
Javascript fundamentals are key for further learning. It is always best to work on functionality first and looks last.