Giter VIP home page Giter VIP logo

sixhours's Introduction

About the project

This project was built to demonstrate my knowledge of React and the JavaScript programming language in general -- It was written within the context of a small take-home assessment for a Toronto-based startup/incubator.

This simple client side application queries data from an external source (in this case, a private API) and displays the results in a simple and intuitive manner. Users can search for 'orders' by worker name and the orders will be filtered based on that. Querying orders returns a worker ID, which then must be cross referenced by querying a different route for worker information, such as name and company. It was a fun exercise to work on, and a great chance to show my familiarity with common web development tasks, such as:

  • Fetching external data and manipulating it in a meaningful way
  • Organizing and reorganizing data based on search terms or filters
  • Using modern styling tools to create crisp, clean designs

Please note that the actual API routes and all references to the assessment and the company itself have been removed as to discourage 'cheating' on the assessment by other applicants, as requested by the company.

Screens

Default

Searching

Features

  • Fast, responsive search
  • Single page application
  • Functional stateless React components using the Hooks API
  • Data for workers and work orders is fetched only once. Subsequent filters and result toggles will not trigger more API calls
  • Toggle switch for sorting by oldest or newest work orders
  • Friendly dates and a simple UI
  • Created in ~6 hours :)

Thank you for your time

This project was made with love (and haste) on Monday, August 5, 2019. I deeply apologize for any non-JSX induced rage that may occur as a result of viewing the code!

sixhours's People

Contributors

jonathandannel avatar

Watchers

James Cloos avatar  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.