GithubHelp home page GithubHelp logo

rjburgerr1 / trials-ninja-points Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 181.58 MB

A new way to compete with people in Trials

Home Page: https://trialsnp.netlify.app/

HTML 1.07% JavaScript 16.07% SCSS 18.91% Python 2.89% TypeScript 58.59% Shell 1.90% Dockerfile 0.56%
ranking-system competition social

trials-ninja-points's Introduction

Repository for Trials Ninja Points

What is Trials Ninja Points?

TNP is a website where ninja riders from the game franchise Trials compete based on in-game & opinion-based metrics.

How are Ninja Points Defined?

1. Ninja Points are composed of subjective & objective measures for a run on a track

Metric Type Description
Faults Objective The amount of times a player resets to a checkpoint during a run on a track in game. (1-499 faults possible per run)
Time Objective The amount of time a player took to pass a track in game. (<29:59.999 minutes possible)
Ninja Level Subjective The rider's own opinion of how difficult a track feels to them, relative to other tracks that they've played (rated on a scale of {0.5 > x < 9.5})
Length Subjective The rider's own opinion of how long a track feels to them, relative to other tracks they've played. Thought of based on number of obstacles. (Rated on a likert scale)
Consistency Subjective The rider's own opinion of how consistent a track feels to them, relative to other tracks they've played. Thought of best by how likely a rider is to fault given all obstacles on a given track. (Rated on a likert scale)

2. Ninja Points are calculated using an algorithm created based upon those 5 measures

3. The higher/lower the ninja points are for a given run, the better/worse the run is, respectively


Website Composition

  • MySQL Relational Database
  • React Frontend App
  • Node.js Backend Server
  • Prisma object-relational mapper
  • Flask micro web framework written in Python


Quick-start for Contributing

1. Install Node.js (npm -v to check version)

2. Fork & Clone Repo git clone https://github.com/rjburgerr1/Trials-Ninja-Points.git

  • Setup for React Frontend App, Node Backend Server & Flask Backend Server

    1. Change directory into base directory cd Trials.com/

    2. Install Node Modules npm install --workspaces

    3. Setup .env files using .env.development.sample files

      1. edit ~Trials.com/react-frontend/.env.development.sample & ~Trials.com/node-server/.env.development.sample by filling out required environment variables
      2. rename .env.development.sample to .env.development
    4. Run start scripts for node backend & react frontend npm start --workspace=node-server && npm start --workspace=react-frontend

    5. Change directory into flask directory cd flask-backend

    6. Run development/debug script for flask (Python) ./server-debug.sh


    # All commands for above steps, to start.
    
    # Change directory into base directory
    cd Trials.com/
    
    # Install node_modules
    npm install --workspaces
    
    # Setup .env files (using nano if on linux)
    nano node-server/.env.development.sample
    nano react-frontend/.env.development.sample
    nano flask-server/.env.sample
    
    # Run start scripts for node-server & react-frontend (open two new terminals for this)
    npm start --workspace=node-server
    npm start --workspace=react-frontend
    
    # Run start script for flask development server
    cd flask-backend
    ./server-debug.sh
  • Setup MySQL Database

    1. Install MySQL workbench (optional) & MySQL Server (If on windows, this can be done with the MySQL installer)
    2. Run init.sql

trials-ninja-points's People

Contributors

abdchoudhry avatar n0vaf0rce avatar raonhook avatar rdocken avatar rjburgerr1 avatar trevorfirl avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.