Giter VIP home page Giter VIP logo

riot-api-challenge-2018's Introduction

Trophy Hunter

Build Status

Example Trophy Wall

What is "Trophy Hunter"?

Trophy Hunter creates your own personalized trophy wall based on the challenges that you complete. It is designed to be enjoyable for all kind of League players, and aims to provide even casual players with something that is nice to look at and that they can be proud of. The challenges are meant to be fun, help players improve, push them to think outside the box and emphasize teamplay. The more challenges you complete, the more awesome your wall will become!

This video aims to give a brief overview of Trophy Hunter.

https://www.youtube.com/watch?v=oc2CF3OyAFA

Demo Video

How do I get to use it?

Download and launch the installer here.

Log into your League Client to automatically log into "Trophy Hunter" as well. Now you are ready to go. Just play any matchmade game and it will count towards your challenges. Have fun!

What technical challenges did you face?

Backend Structure

One of the most challenging tasks in this project was getting the communication between the different services correct. In order to make this task (and especially deploys) easier, we used docker-compose to orchestrate our four backend services. As you can see in the picture above, we have one server which handles all user requests and one which calculates the game results (i.e. unlocked achievements). PostgreSQL is used as our data store and redis to communicate between the "frontend" server and the processing server. To see how easy our deploys are, check out our technical README.

The communication between our electron client and the "frontend" server uses Socket.io and a package called typed-socket.io which allows us to completely statically type-check the communication endpoints in our client and our frontend server and therefore decreases the likelihood of bugs significantly.

Is that custom art?

Aside from the champion/skin art used in the tree (who would have guessed) and the known role icons, almost everything was drawn by us. The Trophy Hunter icon, the backgrounds, the picture borders, the shelves, the background and the trophies. The lane trophies themselves were obviously inspired from themes from our beloved game. There are several trophy levels for each trophy.

Who participated?

TiFu (euw) and Cookie Knight (euw). If there are any bugs... uhm... it's a feature.

What does the future hold?

More challenges, more trophies. We want to create an option where you can search for an see the trophy walls of other players. We have the backend tools needed to create a mode, where you can create challenges with your own criteria and share it to challenge your friends.

FAQ

I cannot find my friends to invite.

In this case, let them use the app and connect to the client once. This should fix it.

I cannot clear group challenges.

Have you tried tackeling them in a team of 5 people from the same group? We added this feature so that randoms won't get trolled.

riot-api-challenge-2018's People

Contributors

jtren avatar tifu avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

riot-api-challenge-2018's Issues

Check minimum game time and leaver

prevent counting remakes
apparently you can check if players/opponents have left. Can we check if lane opponent is leaver? Especially for those CS differential stuffs.

Challenge Font

Titel der Challenges non-bold
Description der Challenges sans serif (Calibri?) und kleiner (ca. 10-11pt nach Schriftart)

Groupachievement Information Text

Display that group achievements can only be completed when the team consists of group members AND ON SUMMONERS RIFT only. To prevent that randoms get pressured and trolled.
(I might actually want to include that explanation, else I would intuitively think "what a stupid condition")

Challenge general info

Display information that challenges can only be completed in matchmade games in the respective role.

Graphics size inconsistent

Manchmal haut es mir die Grafiken um die Ohren, so dass sie full-size sind.
Der Bug applied auch in der group page, falls er anfällt.
Hard refresh hilft

Functionality Groups

  • LCU Icon + Connection Icon
  • Open achievements (in group screen & separate for playe)
    • separate view
    • list in nav bar
    • achievement icons: LANE
  • Invite Person
  • Accept/Decline invitation
  • Create Group Dialogue
  • Notifications

Challenge box

  • bitte das zentrieren für zweizeilige Challenge Namen rausnehmen
  • random sort für die challenges fixen
  • links padding in der Box reduzieren (d.h. Icons und Text beides bisschen nach links shiften, dann gibts vllt auch bisschen weniger zwei-zeilig)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.