PokeReference

Solo Project Practice - Austen Dunn


PokeReference is an application that fetches data from the PokeAPI to display information on how to best counter a specific pokemon's elemental type. The user is presented with instructions on how to navigate the site and is given the ability to scroll a list or enter search terms for specific pokemon. In doing so, the user is offered advice tailored to assist with battling the specimen of interest.

PokeReference was a solo project completed over the course of roughly one week. It represented an exercise in implementing React.js using redux and router to build a fully responsive front-end application. allowed for practice with various types of fetch requests.

Set Up

See deployed application - https://pokereference.herokuapp.com/

  • Clone this repo to your local machine.
  • Run npm install to establish the appropriate dependencies.
  • Run npm start in your terminal.
  • Navigate to http://localhost:3000/ in your browser.

Technologies

  • React.js w/ Redux
  • Testing (Jest / Enzyme)
  • Navigation with React Router
  • Fetch API (PokeAPI)

ScreenShots

Welcome Page

image

image

Search Page

image

image

Results Page

image

Page Not Found

image

image

Wireframes

Photo on 1-13-20 at 2 37 PM

Photo on 1-13-20 at 2 38 PM

Photo on 1-13-20 at 2 39 PM