Pokémon Higher or Lower Game in JavaScript (From Generator to Game)

I Turned My Old Pokémon Generator Into a Higher or Lower Game

I recently made a small Pokémon Higher or Lower game, and the idea for it actually came from something I built a long time ago.

A few days ago I realized that I can embed my GitHub projects directly into my Blogger site. That made me go back and look through some of my older projects, and one of them was my Pokémon random generator. That project is already a few years old, maybe two or three years, but it still works and it was a good base to build something new on top of it.

I wanted to make something simple and fun, not a big project, just something quick that I could finish in a short time. The idea that came to mind was a classic Higher or Lower game. It fits really well with Pokémon because every Pokémon has stats, so you can easily compare them.

So I built a small game where you get two Pokémon and you have to guess which one has the higher total stats. After each round you get a new comparison and just keep going.



The whole project was actually very quick. I think it took me around two hours or something like that. It was not about building something complex, it was more about getting back into web development again and using something I already had.

What I liked about this is that it connects directly to my Pokémon generator. Instead of starting from zero, I could reuse the idea and the data and turn it into something interactive.

If you are interested in the original generator, you can check it out here:

I also wrote a separate post about the Pokémon generator itself and how it works:

The source code for both projects is also available if you want to look into it:

While building this game, I also ran into a problem with how I handled API requests. At first, the game was making a lot of fetch requests, which is not great if more people start using it. I ended up changing the whole approach to make it more efficient.

I will write a separate post about that, because that part is more technical and worth explaining properly.

For now, this project was mainly about getting back into building things, reusing an old idea, and turning it into something simple and fun.

Comments

Post a Comment

Popular posts from this blog

How to Burn a CD on Windows 11 (Step-by-Step Guide for Beginners)

Image
Disclaimer: This page contains affiliate links. If you purchase through these links, I may earn a small commission at no extra cost to you. Burning a CD on Windows 11 is still possible and surprisingly easy, even on modern laptops. All you need is a USB CD burner and blank CDs. In this guide, I’ll show you step by step how to create your own music or data CD in just a few minutes. Step 1- Get what you need: To get started, you’ll need an external USB CD burner and a pack of blank CDs. Most modern laptops no longer include a built-in drive, so using an external one is the easiest solution. Insert a blank CD into your burner before continuing. Here are some simple options to get started: Burner Blank CDs Step 2 - Open Windows Media Player: Windows 11 still includes Windows Media Player. Open it and go to the “Burn” tab in the top right corner. You should see your connected USB CD burner listed there, along with an area where you can drag your files. Step 3 - Drag files: Now simply ...
Read more

I built a random Pokémon generator while learning JavaScript

Image
  I built a random Pokémon generator while learning JavaScript Open Tool Page View Source Code A while ago, when I started learning JavaScript, I made a small project just to understand how things actually work. Nothing serious, just trying things out and seeing what happens. Recently I saw a TikTok where someone was building a random Pokémon team using Google’s number generator. And I thought, wait, I already made something like that. So I went back and found this old project again. It’s basically just a small website where you press a button and it gives you a random Pokémon. It picks a random number, sends a request to an API, and then shows the name and the image. That’s all it does, but at the time it felt like a big step. The main reason I built it was because I wanted to understand how websites actually get data. Before that, everything I did was kind of static. This was one of the first times where I worked with real data coming from somew...
Read more

How to Use APIs in a Web Game (Pokémon Example with JSON Optimization)

How I Built a Pokémon API Game and Optimized It Using JSON I built a simple browser game where you compare two Pokémon and guess which one has higher stats. The idea is very simple. You see two Pokémon and pick the one you think has the higher value. The game uses real data from an API, in this case the PokéAPI. That makes it a good small project to understand how APIs work in a real scenario. Overview Random Pokémon Generator Fetching Data per Round Using a Local JSON File Performance Impact Conclusion At the beginning I used the most direct approach. Every time the user clicked a button, the game sent a fetch request to the API. I had already used this pattern in an earlier project, a random Pokémon generator, so it felt natural to reuse it. For that kind of tool it works fine. The problem started when I turned the idea into a game. In a higher or lower game you do not just fetch once. You fetch multiple times per round. One round needs two Pokémon. Ten rounds can...
Read more