/tft_tapptics

Primary LanguageJavaScript

T.F. Tapptics

...is an app designed around a recently released mini-game featured inside League of Legends. The app allows a user to build a fantasy team and see what statistics would be available to them based on their choices. The user will first be presented with a carousel, something mimicked from an in-game interaction, and will be allowed to choose a champion of their choice, just like the game allows.

The user will then be allowed to play through and add to their team any champion they'd like, rather than the randomly generated champions the game produces. This allows for the unique aspect of our app where the user can plan and strategize their teams in advance of playing the game. Finally, the user will be able view information about in-game information, such as items and item stats, champions and champion stats, and class/origin stats.

The live application is available here. The backend repository is available here.

Installation / Setup

if you'd like to run this application from your terminal instead of your broswer, follow these commands:

  • clone this repo
  • npm install
  • npm start
  • start building!

Screenshots

Wireframe

Screen-Shot-2019-07-24-at-10-03-05-PM.png

Carousel Page - this is page where users land and are prompted to choose a starting champion.

screencapture-localhost-3000-2019-07-24-21-47-49.png

Informational Modal Displays - users can come to the champions, items, and synergy pages to select and view more information about a specific champion, item, or synergy to further their decision making process when building their team.

Champion

screencapture-localhost-3000-Champions-2019-07-24-21-48-32.png

Synergy

screencapture-localhost-3000-Synergies-2019-07-24-21-48-50.png

Items

Contributors

Front End Contributors

Duy Vu

Raechel Odom

Back End Contributors

Deonte Cooper

Ethan Grab