Giter VIP home page Giter VIP logo

reacttakehometest's Introduction

React Take Home Test

React Take Home Challenge for prospective hires

This repository should be fairly simple to get running locally if you have experience with react (project was created with the npx create-react-app command). (npm start command will get the project running once you have installed all dependencies)


Challenge Requirements:

  • firstly: fork this repository
  • using the data from the _players.json file, create a table that has the following columns for each record (order of columns does not matter):
    • Player Name
    • Player Image
    • Age
    • Email
    • Phone
    • Organization
    • Position
    • Handedness
  • the table should display the first 10 records
  • there should be a 'next' button to paginate to the next 10 results
    • once you have navigated passed the first page, there should be a 'previous' button
    • once you have reached the last page, two things should happen
      • the 'next' button should disappear or disable
      • the table should contain the remaining player records (there should be 96 records in the file, so 6 results are expected)
  • clicking on a row in the table should show that players data in a summary view somewhere on the page
  • finally: submit a pull request

Here are some tips:

  • I only expect you to make changes to the src/App.js file, however you are more than welcome to edit any file that you would like or create new files as you see fit
  • no, you do not need to have any sorting on the table columns, nor do you need to implement any search functionality. Just a paginated table and a summary display.
  • I am not concerned with styling, no need to style anything at all in fact. If you want to, feel free, but it bears no weight on the requirements!
  • keep it simple, don't over-think it
  • I'm really only looking for understanding of react, i.e. handling button clicks, state manipulation, etc

reacttakehometest's People

Contributors

stephenkelzer avatar

Stargazers

 avatar

Watchers

James Cloos avatar Todd Larson avatar Ben Johnson avatar  avatar

Forkers

jstnedr

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.