Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sitepoint/frontend-test
Sitepoint Front End Test
https://github.com/sitepoint/frontend-test
Last synced: about 2 months ago
JSON representation
Sitepoint Front End Test
- Host: GitHub
- URL: https://github.com/sitepoint/frontend-test
- Owner: sitepoint
- Created: 2015-02-02T23:08:03.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-05-16T00:21:07.000Z (over 6 years ago)
- Last Synced: 2024-07-24T22:12:06.489Z (2 months ago)
- Language: JavaScript
- Size: 112 KB
- Stars: 23
- Watchers: 21
- Forks: 26
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-recruitment-tests - SitePoint - You need to create a simple counter application. (JavaScript)
README
# SITEPOINT FRONTEND TEST
You need to create a simple counter application that can do the following:
* Add a named counter to a list of counters
* Increment any of the counters
* Decrement any of the counters
* Delete a counter
* Show a sum of all the counter values
* It must persist data back to the server
We have provided:
* Compiled Directory: of `/static/`
* `/static/index.html` that will be served at `localhost:3000` when the server is running
* `/static/app.js` and `/static/app.css` will be used automatically by `/static/index.html`
> If you need other publicly available files, other than `index.html`, `app.js`, `app.css` you will have to modify the server code in `/index.js`
Some other notes:
* The design, layout, ux, is all up to you.
* You can change anything you want (server stuff included) as long as the above list is completed.
* This isn't a backend test, don't make it require any databases.
* If you decide to use a precompiler of any kind (js/css/etc..) we need to be able to run it with `npm run build`.
* We don't want to run any `npm install -g whatever` commands. **NO GLOBAL DEPENDENCIES**
* Tests are good.
A possible layout could be:
```
Counter App
+-----------------------------+
| Input [+] |
+-----------------------------+
+-----------------------------+
| [x] Bob [-] 5 [+] |
| [x] Steve [-] 1 [+] |
| [x] Pat [-] 4 [+] |
+-----------------------------+
+-----------------------------+
| Total 10 |
+-----------------------------+
```
## Install and start the server
```
$ npm install
$ npm start
$ npm run build #[optional] use for any precompilers you choose
```
## API endpoints / examples
> The following endpoints are expecting a `Content-Type: application/json`
```
GET /api/v1/counters
# []
POST {title: "bob"} /api/v1/counter
# [
# {id: "asdf", title: "bob", count: 0}
# ]
POST {title: "steve"} /api/v1/counter
# [
# {id: "asdf", title: "bob", count: 0},
# {id: "qwer", title: "steve", count: 0}
# ]
POST {id: "asdf"} /api/v1/counter/inc
# [
# {id: "asdf", title: "bob", count: 1},
# {id: "qwer", title: "steve", count: 0}
# ]
POST {id: "qwer"} /api/v1/counter/dec
# [
# {id: "asdf", title: "bob", count: 1},
# {id: "qwer", title: "steve", count: -1}
# ]
DELETE {id: "qwer"} /api/v1/counter
# [
# {id: "asdf", title: "bob", count: 1}
# ]
GET /api/v1/counters
# [
# {id: "asdf", title: "bob", count: 1},
# ]
```
> **NOTE:* Each request returns the current state of all counters.