Giter VIP home page Giter VIP logo

tivelabs-leaderboard-challenge's Introduction

tivelabs-leaderboard-challenge

Get started

This project uses Tailwind to define the CSS classes for every component, to get all project's dependencies, run

$ npm install

To run this project you just need to run

$ npm start

Behavior

The application will display a list of users sorted by their score. This table will also display information about the users' nationality and some other rankings. When the application first loads, it will update the users stats (time, level) if necessary, according to the instructions for this challenge.

Exceptions

  • While the current demo does not implement a cache strategy for loading the users' scores(due to time inconveniences), it does implement the methods describe in the challenge instructions while displaying them on screen.
  • There is no other screen to display the curren user information, there is only one screen.
  • The selected user for the application was chosen arbitrarily to be the user with the highest score and then be easy to spot.

Data

The usersData.js file represents a fake database of users to show in the application.

Users

Their information includes:

Attribute Type Description
userId String The user’s unique identifier
name String The user’s first name and last name
level String The user’s first name and last name
coins String The user's coins
time String The time the ser has been playing on the platform
country String The country the user is from
friends Array The user's friends ids

tivelabs-leaderboard-challenge's People

Contributors

dchvz 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.