30 Days Of JavaScript

Day 26: Making a PokeDex

Lesson 0: Intro

Welcome to your next project, today we are going to make a PokeDex with the following features:

  • Loads Pokemon from the amazing PokeAPI in groups of 20
  • Displays little cards for each Pokemon
  • Displays a modal when a card is clicked
  • Shows a graph of the Pokemon's 6 status using ChartJS
  • Compares 2 pokemon at the same time

Some of this will be vary familiar to you but there are two new things in here:

  • How to load a modal
  • How to use a third party library

This is what we are working towards over the next few days

The main PokeDex list.

All The Pokemon PokeDex screen shot 1

The modal pop up showing more detail and a comparison to another selected Pokemon.

All The Pokemon PokeDex screen shot 2

Let's get to it!

Outline

Go Pro?

Upgrade to Pro for quizzes, tracked progress and a completion certificate for just $25 🚀

Want more developer tips, tricks and tools?
Then follow me:
FREE Coding Career Quick Start Guide 🚀
Discover the best way to learn to code, how to land a job and valuable resources to help your journey in this free 15 page value packed guide.
Looking to email me? You can get me on my first name at allthecode.co