https://github.com/xfiveco/javascript-test

JavaScript test project used in recruitment
https://github.com/xfiveco/javascript-test

Last synced: 4 days ago
JSON representation

JavaScript test project used in recruitment

• Host: GitHub
• URL: https://github.com/xfiveco/javascript-test
• Owner: xfiveco
• Created: 2017-08-15T09:57:23.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-03T07:50:23.000Z (over 5 years ago)
• Last Synced: 2024-12-26T02:41:59.726Z (about 2 months ago)
• Homepage: https://www.xfive.co/blog/how-we-hire-great-developers/
• Size: 1.95 KB
• Stars: 14
• Watchers: 7
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-recruitment-tests - Xfive - Xfive test JavaScript project. (JavaScript)

README

        
## Pimp my rect ( ͡° ͜ʖ ͡°)

_a simple JS app for xfive.co_

This is a specification for a Xfive test JavaScript project. Use any technology of your preference. It’s perfectly OK to use vanilla JS or any front-end frameworks or libraries.

Here’s what it should look like:

* The app should consist of 3 parts/sections: **Editor**, **Output**, **Gallery**. Editor should live-update the Output. It’s up to you if you show Gallery on the same page or under e.g. localhost:xxxx/gallery. What’s crucial: the gallery’s state persists after the browser restarts. To obtain this goal, you’re allowed to use any technology you feel comfortable with (i.e. WS + IndexedDB, Firebase, Node+MongoDB, LocalStorage).

* **Output**: simple rectangular `
`

* **Editor**: it should have a set of inputs to adjust Output’s:

  * background colour (colour picker)

  * size (input which you think is the most suitable here)

  * border radius (please use a range picker)

  * A save button

* **Gallery**: a list of saved Output divs with preserved styling. It should be possible to:

  * remove Outputs from the list

  * [optional but very welcome] some animations or sorting/filtering options

* It should work well in the newest browsers (mobile Chrome and Safari included!).

* All third party dependencies (if there will be any) should be installed using either Yarn or NPM.

* The whole thing should be split into modules.

* The layout is up to you! Feel free to use tools such as [Bootstrap](http://getbootstrap.com/) or [Bulma](https://bulma.io/). In case you’d like to roll your own CSS, you’re more than welcome to do so.


**Project deadline**: Try to deliver the test within 1 week time. If we don't see any activity in your test repository after 1 week (at least initial commits), we will automatically withdraw your application.