/Harry_Potter

Visit Harry Potter site here!

Primary LanguageJavaScript

Harry Potter Game

Overview

Harry Potter Game is a web based application that allows Wizards and Witches to view characters based on their houses! Additionally you will be able to select/deselect favorite characters and view your favorite collection. You can also view all spells. An additional iteration will be a matching game to match the spell name and the effect.

Getting started

  • Clone down the repo and install the dependencies with npm install.
  • Run npm start and visit http://localhost:3000 to view the application in the browser.
  • Run the test suite with npm test.

Learning goals

  • Create a user-friendly application.
  • Become comfortable with Redux’s lifecycle, creating actions, reducers, and connecting them to React components.
  • Solidify concepts with React components, asynchronous code, route handling, and Redux testing.
  • Plan a web based application based on an API of my choosing.

Built with

  • Harry Potter API
  • React (create-react-app)
  • React Router
  • Redux
  • Testing Jest/Enzyme
  • SASS/SCSS

GIFS

Screen Capture

Images

Login

Login

Houses

houses

House Characters

house_characters

Charms and Spells

charms and spells

This project was bootstrapped with Create React App.