Code Monkey home page Code Monkey logo

frontendchallenge_001's Introduction

<<<<<<< HEAD

FrontEnd Challenge 001

For us, it is not all about the CV, titles and portfolio. The most important for us is to know how you face a concrete challenge and how you approach it. What is your way of thinking, how do you tackle the problem, which tools do you use, ...

In order to understand all this, we would like you to complete the following challenge. This is a simplified case which illustrates the kinds of situations we have to deal with on a daily basis.

There are no time limitations but we suggest you dont spend more then a few hours on it. We are not looking for a bullet-proof solution but it has to be elegant, clean, maintenable and intuitive approach.

Add a bit of styling and use correct and well organized HTML code, remember our requirements include fluent use of HTML/CSS.

Challenge Description

The API

Check out a simplified version of our Surveys API

Here you can find examples of how to call each of the methods, for example:

curl --include  "http://surveysmock.apiary.io/api/surveys/001"

This is an API mockup so the methods will always return in the same way no matter which values you put in the request

The functionality workflow

  1. The user sees all the available surveys
  2. The user clicks on one survey
  3. The user can complete the questions of the clicked survey
  4. The answers are sent to the backend
  5. A message is shown to the User: "Thanks for answering the survey!"
  6. The User can go back to point 1.

Programming Requirements

Everything has to work in the browser without any backend support (other than the API we provide).

Only one html page (use as many JS and CSS files as you want).

You can use any frontend library you like, no limitation on quantity and size.

The solution has to work in Chrome's last version, don't worry about the others.

What we assess

  • Legible, understandable and maintenable code
  • Correct and well organized JS/HTML/CSS code
  • A bit of styling in the visualization is welcome so you can show us your CSS skills
  • Separation between logic and content
  • The use of new tools, techniques and/or frameworks

Submission Instructions

  1. Fork this project
  2. Complete the task and push on your own fork. (Nice, atomic and iterative commits are welcome)
  3. Include instructions of how we can make it to work
  4. Submit a pull request
  5. Email us at [email protected] to review your solution

And of course: don't hesitate to contact us with any question you have, better use for this our IT email: [email protected]

======= FrontEndChallenge_001_DR

#The functionality workflow

  1. All files must be in the same folder
  2. Double click on index.html or open it directly in Googles Chrome
  3. The Site fetches the current surveys from the surveysmock.apiary.io Server
  4. Click on any button to show a specific survey
  5. Press "Submit" beneath the last question to submit the form. You don't have to answer any or all questions.
  6. After sucess you can return to the main page via the "Return" button if you want to

#Miscellaneous

  • The Server only returns the Survey for ID "001"

RepoA/master

frontendchallenge_001's People

Contributors

fguillen avatar hannsleisewitz avatar

Watchers

 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.