PokéFight

• 

  The Web App before playing the game

• 

  One instance of the game being played

• 

  Another instance of the game being played

Inspiration

The inspiration for this project was to make a stress-relieving mini-game that can be played with little effort, while also developing my skills as a programmer.

What it does

The web app grabs two random Pokémon and their data and makes them fight against each other. If your pokémon's overalls stats are better than the computer's, you win!

How we built it

I used React for the design and logic for the game. I used Express.js for the backend, and for making requests to the API I used. For the Pokémon data, I used and made requests to the PokéAPI link.

Challenges we ran into

When making the scoring, I ran into many bugs with the score being messed up, so I had to switch up my plan and make a different scoring system than what I originally planned.

Accomplishments that we're proud of

This was the first time I used data from an API, and my first time using a backend in general. I am proud of what I was able to make with it. I also used functional components in React for the first time.

What we learned

I learned to communicate with an API and connect a front end with a backend, so I can use React and Express together.

What's next for PokéFight

I plan to add a system where you can pick one pokémon out of 4 and fight against a randomly chosen pokémon for the computer. This is so the player has a little more control over the game's outcome and makes it a little less random.

Built With

• api
• css3
• express.js
• html5
• javascript
• react
• requests