• 

  Homepage

• 

  Search

• 

  Charmander Profile Page

• 

  Eevee Profile Page

• 

  Dark Mode

Live Website Link

Inspiration

We were inspired by our love for Pokemon and sites dedicated to Pokemon. We also wanted to use NextJS and GraphQL in a project and this seemed like a great fit for them.

What it does

Allows a person to search up any Pokemon to date and read information on them. This information includes the Pokemon's stats, description, egg group, evolution details, types, abilities, weight, height, and what game/region the Pokemon is from.

How I built it

We built this using NextJS as a frontend and using gqlgen in Golang to create the backend using Graphql. We also created a python script to add an extra column to our dataset.

Challenges I ran into

We were not familiar with Graphql and it took a lot of time to understand how to create the queries on the backend and how to interact with the API once we had something to test. Also the dataset we were using has quite a few inaccuracies spanning from mispellings on names to some stats being marked as 0 when in the games the stats range from 1-255.

Accomplishments that I'm proud of

Utilizing Graphql was a major accomplishment as it is a very new and interesting framework that is beginning to be more widely used. Knowing this will help in the future.

What I learned

How to create and use Graphql and the NextJS framework. Also our first time using a SQLite database and turning a csv file into a db file.

What's next for Badger Pokémon

We left out alternate forms of Pokemon because we didn't have time to handle those special cases. We also don't have any of the moves the Pokemon can learn and this could be added in the future. Updating the dataset to include more accurate information is an important need for further development.

Built With

• golang
• graphql
• javascript
• nextjs
• python
• react
• sqlite