This Pokedex project is a simple JavaScript app built using HTML, CSS, and JavaScript. It fetches some detailed data from an external API to display information about the different Pokemons showcasted on this website.
Link to Pokedex App: https://louloulinck.github.io/basic-JS-app/
Client
- Vanilla JS
- HTML
- CSS
Server
- Load data from an external source (API)
- View a list of items
- On user action (e.g., by clicking on a list item), view details for that item
The app showcasts a collection of 150 pokemons to browse through fetched from the RESTful Pokémon API: PokéAPI. The pokemons will get highlighted as the user hovers over them and can read more about any one of them thanks to a modal that will open when selecting the desired pokemon. The information displayed include its: Name Height Image
The app was tested to suit a wide spectrum of devices and with accessibility in mind.
Components incuding the modal and navigation bar are accessible to screen readers.
For a clean and usable design Bootstrap was implemented to the app. Thanks to this framework the layout of the library is set with optimal responsivity for a pleasant experience regardless of screen size.
Flavicon was used for logos