PokeIndex

Github Repository

This simple app shows the first 151 Pokémon, their genus, types, and base stats. This assignment taught the building blocks of Javscript. Users can view all the pokemon on the page and click on them for more information within a modal. Animations were added for a smoother transition, and users can use the search bar to look up a specific pokemon. No bootstrap or jquery was used for this. This app was made purely from Javascript. Bootstrap and jquery was used temporarily but removed when more in-depth customization began. It also uses pokeapi (https://pokeapi.co/) for all the data it displays.

This app was the first experience with APIs. Because I used the API more than what the assingment had given me, I had to learn on my own how to fetch certain information that had method that I was unaware of. The PokeAPI has a lot of external links to difference pieces of information, so figuring that out was challenging. In the future, it would be nice to be able to add more information to the modals.

Features

  • Uses Google Calendars as it's database
  • Authorizes using Google API and OAuth
  • Search events by city
  • Change the number of events that are displayed
  • Display details of events
  • Keep loaded data while offline so that users can interact with the app without connection to the internet
  • Charts on the percentage of event types that are available and how many are in which cities

Tools Used

  • Javascript: To build the app structure
  • PokeAPI: For testing
  • Bootstrap (removed): Also for testing
  • jQuery(removed): For data and authorization