A user can search for a Summoner.

[anthonyrodarte]

Wireframes

Before Search

After Search

Data Flow

Fetched Data

{"id":39202711,"accountId":202145676,"name":"ObeseGoldfish","profileIconId":544,"revisionDate":1524465126000,"summonerLevel":51}

JS Data

const summoner = [
 {
  username: "ObeseGoldfish", 
  summonerLevel: "51", 
  iconID: "544", 
  id: 39202711
}
]

Component Hierarchy

<Summoner>
  <SummonerDetails/>
</Summoner>

Tasks

• [x] Acquire Riot Games API key.
• [x] Create Wireframe.
• [x] Set up project environment.
• [x] Create Logo.
• [x] Create static page using React.
• [x] Set up express server.
• [x] Express server serves application.
• [x] Express server can communicate with Riot Games API.
• [x] Add search bar functionality.
• [x] Searching with valid username will display summoner and level.
• [x] Add basic summoner information onto page.
• [x] Squash bugs.