Pokemon API Passion Project Plan (Frontend, Backend, Deployment, and Ideation)

To-Do List:

  • Start Ideas
  • Create Frontend Design
  • Build a Data Model(s)
  • Start shared Frontend Repo using GitHub Pages
  • Start Backend shared Repo using Flask/Flask
  • Deploy Backend repo on AWS
  • Create a 5 minute video to Go Over Plans

Project Overview

We wanted to make our Passion Project for this Trimester a site where you can find different Pokemon and access their information. We also want to include aspects such as:

  • 2.1 Binary (Pokemon Statistics)
  • Images (Pictures of Pokemon)
  • 2.2 Data Science/Compression (Pokemon Statistics)

Frontend Sample Design

Frontend

Frontend:

  • Make Shared Frontend Repositoy based off student template
  • Share with all of us
  • Make sure all 4 of us can succesfully make changes, commit, and push/pull Frontend2

frontend.jpg

Backend:

  • Create Backend Repository based on FLASK template
  • Share Repository with us 4
  • use “python” to run it on localhost
  • Deploy and get running through AWS
  • Test Accessing Site from Someone elses computer

Deploy AWS

“AWS Deployment”

Our Shared Backend Flask Repository

“Flask Backend”

AWS Deployed Site

Port: 8765 AWS

PokeAPI

“Pokemon API”

This chart shows how we plan to use data from PokiAPI with our Frontend and Backend: model

Data Model

We plan to use the PokeAPI to create a site that displays information from API in an organized way. The main page will show all the Pokemon, and when you click each one, it shows more specific information about it. Some data categories we want to display from the API include (italicized items represent items we may add depending on time)

Basic Information about the Pokemon

  • Name
  • Pokemon Type
  • Category
  • Evolution Stages

General Information for each Pokemon

  • ID Number
  • Height
  • Weight

Game Statistic about the Pokemon

  • Sum of all stats (number)
  • Min/Max Possible Stats
  • Health Points
  • Attack Damage
  • Super Attack Damage
  • Defensive Power
  • Super Defensive Power
  • Speed

Example:

  • Example

Github Project Plan

Github

Ronit

  • Deploy Flask Server with AWS
  • Make changes that show up on AWS

Vance

  • Work on Fronted Design and User Interface

Jared

  • Create Frontend Design
  • Help integrate PokeAPI

Ashwin

  • Integrate PokeAPi
  • Help create frontend design