Git Product home page Git Product logo

front-end-challenge-2018's Introduction

The assignment is to test your skills to, (written in priority)

  1. To complete the given task.
  2. Ability to work with front-end frameworks like Angular, React.
  3. To integrate your front-end with APIs.
  4. Have a good eye on design, plus your ability to see forward of design.
  5. Productivity. (if not you'll learn over here else you'll become better at it)

Assignment

Prerequisite: Sign-up to https://beta-bench.backbench.io/ followed by sign-in. You will see a dashboard.

  1. Now your first task is to create a dashboard similar to this.

Click on My bench - create a Bench. Now select it, observe the change in the left sidebar.

  1. Create a UI to provide such functionality (with change in the sidebar). You will be provided with API to list "My benches". Also, another API which describes them. So when you click on any of the item listed, there should be a change in the sidebar - along with the values printed on dashboard area.

You'll be provided with all necessary APIS.

Advantage point:

  1. A Back button for navigating to My Bench page from point #2, which shows you the dashboard you created on #1, along with the sidebar first appeared.

  2. To be provided on request :)

Note:

  1. The sidebar is necessary (Preferably collapsible sidebar).
  2. You don't need to copy the UI here, take an idea from current layout only.
  3. The submission should be over Github, so please fork this repo.

Mocked Endpoints:

memory : http://www.mocky.io/v2/5b4dad7c31000055005ebd04

invocation: http://www.mocky.io/v2/5b4dadc831000013115ebd05

requests_dashboard: http://www.mocky.io/v2/5b4dae7431000013115ebd12

activities: http://www.mocky.io/v2/5b4daf3431000055005ebd18

benchList: http://www.mocky.io/v2/5b4daf683100006e0b5ebd1a

dashboard_2: http://www.mocky.io/v2/5b4dafc131000055005ebd20

front-end-challenge-2018's People

Contributors

peeyu321 avatar

Watchers

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