Giter Site home page Giter Site logo

coding-challenge-frontend's Introduction

Frontend / Javascipt - coding challenge.

Welcome to Legal One coding challenge, through this challenge we get to know you better from the coding side of you. let's start.

recommended: a good cup of coffee โ˜• and lo-fi coding music ๐ŸŽต.


The challenge:

A call center makes tons of calls daily through call center agents and these calls are dumped in JSON files. We need you to handle this large amount of data, and present it in a nice way for the supervisors.

The issue with the data is the structure, it is spread across multiple files. We need your mind to solve this issue and present the data in a useful way.

Tech TODO:

1. The first part:

Create a simple nodeJS app that can serve the data. You can use any nodeJS framework for that. The data in json-data folder should not be changed.

2. The second part:

Create an app which uses a modern JS frontend framework (e.g. Vue, React, etc...). The frontend app should have these routes:

  • / a home page to show an aggregated table for the calls, for ex:

    Phone number Number of calls Last call details
    +49151484522 3 calls Agent name / 11:46
    +49158544147 1 call Agent name / 14:46
    +49151783331 2 calls Agent name / 16:46

    by clicking on the agent name it would go to the agent log

    by clicking on the Phone number it would go to that number log

  • /agent/${ID} to show an agent specific call log, for ex:

    Phone number Call date and time Resolution
    +49151484522 22/1/2020 14:20:22 need reschedule
    +49158544147 22/1/2020 16:54:12 no response
    +49158544147 22/1/2020 17:54:12 no response
  • /call/${number} to show call logs of a specific number

    Agent Name Call date and time Resolution
    John Bob 22/1/2020 14:20:22 need reschedule
    Chris Toms 22/1/2020 17:54:12 no response
    John Bob 22/1/2020 17:54:12 no response

Important notes:

  • app should run with no errors nor hiccups.
  • the data in json-data folder should not be changed!.
  • representing the data using charts is a plus.
  • unit testing of the code is a plus.

Submission:

Fork this repo and submit your application either via PR or email. Add build, test and run scripts to package.json (if applicable).

Happy coding !

coding-challenge-frontend's People

Contributors

mschilde avatar tareqlol avatar ucejtech 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.