PokéTyper

Year

2019

Project Type

Web Development

Tools and Tech

React, Firebase, Cloud Firestore, Illustrator

About The Project

To get better at React, I wanted to build a small game as a side project. To keep things as simple as possible, I decided to make it a typing game but with a popular theme - Pokémon. The basic idea is to display the original 151 Pokémon in a randomized order and give the player a limited amount of time to accurately type out the name of each Pokémon. Typing out correct answers consecutively will award bonus points to the player, and providing wrong answers will result in a score penalty.

Since it is a score-based game, I thought it would give players an incentive to achieve better scores if I added an online leaderboard. In order to do that, I needed a way to authenticate users and store their scores. Firebase was the perfect solution for this, as it provides an easy way to implement authentication. It also comes with the Cloud Firestore, a NoSQL database that was more than enough for my needs - To store each user's high score.

Finally, I deployed the app from GitHub via Netlify.

PokéTyper Images

poketyper gameplay PokéTyper gameplay

poketyper leaderboard PokéTyper leaderboard

poketyper login PokéTyper Login screen