DavidMiles1925 / random-pokemon-react

A React web page that generates a random Pokémon with all of its type strengths and weaknesses.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Random Pokemon

Link to App: GitHub Page

Current Version Deployed: Version 1.2
In Development: Version 2.0

Project Description

This project was created in effort to teach my family how to play pokemon. My son and I have played for years, but at the time of writing this, my wife and daughter have only started playing recenly. They have reached a point where it would be advantageous to be able to recall each pokemon from memory, so I developed this tool to aid them in that endeavor. It will grow over time.

Within this repository:

Random Pokemon Generator

This page returns a single random pokemon and its accociated data.

draft

Pokeomon of the Day

Future Devlopement: This feature will deliver a single pokemon daily to help new players commit the Pokedex to memory.

Outside of this repository:

GetPokemon

Database Builder Utility: This program was written to gather the necessary data for the Random Pokemon App. I send reqests to my own API instead of using the public API. This is done for several reasons, the foremost of which is that I wanted to be able to currate the data. PokeAPI does a great job of following patterns for the most part, but occasionally breaks them which makes automatted curration difficult in some instances. Since I need an API for my user athentication anyway, it was easiest to just incorporate my own pokemon database into the API. Click the link for more info.

Random Pokemon API

Good News! This project is in active development. This will add user authentication.

Random Pokemon API: The API is responsible for serving the Random Pokemon UI with pokemon data and user data.

Docuentation

Under Construction

Note (mostly to myself): Code is in need of refactoring. After completely breaking the repo and reverting to a previous version, I was haveing difficulty passing data between components for some reason. I used a quick fix by duplicating code in App.js instead of writing a new getTypeData() function, but this all needs to be encapsulated and duplicate code eliminated.

Future Development

Version 2:

  • Add search function
  • Move "New Pokemon!" button above cards.
  • Update Header component
  • Add Footer component

Verion History

Version 1.1:

  • Added responsive design

Version 1.2:

  • Fixed bug causing white space at the bottom of large screens

###########################################

Thanks to:

PokeAPI, a complete, accurate, and easy to use API that supplied the raw data for this project.

repo.tree.items.[#].name

About

A React web page that generates a random Pokémon with all of its type strengths and weaknesses.


Languages

Language:JavaScript 96.9%Language:HTML 2.3%Language:CSS 0.9%