MichaelEWalker87 / hogwarts-house-cup

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hogwarts House Cup

Author

Michael Walker

Project Description

  • A site for Harry Potter-loving fans that want to play wacky light-hearted drinking games styled after the game “Piccolo” and “Curses”. The game allows for 2-8 players and lets the players pick a large array of characters from the Harry Potter universe. Players can add rules if desired or hit quick start to hop right into the game. If the players choose to add rules they can do so, but the data does not persist past refresh at this time.

Running Application

link to gif

Installation

Fork this repository:

Clone your forked repository

  • git clone and the copied URL

Change into the directory and install the project dependencies

  • cd into the directory and run npm install for dependencies

  • In the terminal project root directory run npm start

Project Goals

  • Create a functioning app using React, Router, and Asynchronous JavaScript
  • Decide what the most viable product for the app will be
  • Use an external API
  • To build a robust testing package
  • To have a multipage app using routing

Wins

  • Learning more about React testing and overcoming the issue with testing elements like spin button
  • Incorporating smooth user experience using the route
  • Building an application solo
  • Utilizing the data from the API to make a functioning game

Challenges

  • Testing certain interactions of the app such as the spin button
  • Overcoming unexpected behavior with user interaction such as allowing the user to select up to 8 people
  • Accessing the API data properly from the API Key, originally the key was not allowed

Technologies Used

  • React
  • Jest and React testing libraries
  • Webpack and Babel
  • Fetch API

Spec Given

Issues to be Resolved

Special Thanks

  • Mentor Nathaniel D Foster, Instructor Leta Keane, Instructor Khalid Williams, Greyson Elkins and Ben McClung from the 2005 Frontend class, and 2006 Turing School of Software & Design Cohort Members.

About


Languages

Language:JavaScript 80.6%Language:SCSS 13.0%Language:HTML 3.7%Language:CSS 2.6%Language:Shell 0.2%