![](/static/fe3771300cc84607b162187386d44213/83df8/ivysaur_01-01.png)
Exhibit 001
![](/static/3bf0f0b31e153ee71f9a45538592c09d/84599/002-open.png)
Exhibit 002
![](/static/1eb7cee5cacc2ce06f53854b7d923b85/84599/002.png)
Exhibit 003
![](/static/d4ee1a6f318de19f5b7daac43c8ec111/84599/045.png)
Exhibit 004
![](/static/5eca9696189cc15b91113b0f7ebe6edc/84599/094.png)
Exhibit 005
![](/static/733d08aaebe8774889c36a2b69b2a43e/83df8/starmie_01-01.png)
Exhibit 006
![](/static/9ac8ef9aa4b64172ec932c00017d845f/83df8/ghastly_01-01.png)
Exhibit 007
![](/static/9a32e0def636af982732fc06ad115d90/83df8/gengar_01-01.png)
Exhibit 008
4 years ago
Illustration
React / Gatsby
Pokemon
The goal: capture all 151 original Pokemon by drawing them!
The list of 151 original pokemon are rendered from the fan-maintained Pokemon API. As I complete illustrations for each Pokemon, a page is added to the site. Pokemon info is pulled from the API.
The site is built using Gatsby, which is a framework for quickly creating fast, dynamic web applications built on React and GraphQL. I'm using it in this project as a static site generator. When new Pokemon pages are added, the site is re-built and pre-rendered into static HTML. API calls are only made when the site re-builds.
Exhibit 001
Exhibit 002
Exhibit 003
Exhibit 004
Exhibit 005
Exhibit 006
Exhibit 007
Exhibit 008