Create a small React based app that shows off your frontend skills and implements a parallax hero header and sticky columns as per the videos attached.
Note: videos are to be used as a guideline only, no need to replicate all the content.
{ | |
"base": "GBP", | |
"history": [ | |
{ | |
"date": "2021-04-01", | |
"rates": [ | |
{ | |
"currency": "EUR", | |
"value": 5.0611 | |
} |
[ | |
{ | |
"name": "Loan 1", | |
"status": "warning", | |
"attributes": [ | |
{ | |
"label": "gross facility", | |
"content": "$3000000" | |
}, | |
{ |
#!/bin/bash | |
# command to run apache benchmark tool | |
# ** usage ** | |
# ./benchmark "https://www.apple.com/" | |
curl -X GET "$1" | |
ab -k -c 20 -n 250 "$1" |
#!/bin/bash | |
# command to check the time to first byte | |
# ** usage ** | |
# 1. ./ttfb "https://www.apple.com/" | |
# 2. seq 10 | xargs -Iz ./ttfb "https://www.apple.com/" | |
curl -o /dev/null \ | |
-H 'Cache-Control: no-cache' \ | |
-s \ | |
-w "Connect: %{time_connect} TTFB: %{time_starttransfer} Total time: %{time_total} \n" \ |
#!/bin/bash | |
commandExists () { | |
type "$1" &> /dev/null ; | |
} | |
installImageMagick() { | |
if commandExists brew; then | |
brew install imagemagick | |
else |
For every pull request for user facing changes, we should include the following in the PR description:
You should also be checking and optimizing any code being submitted as follows:
Create a small PHP based app that scrapes the top listed property at http://www.unite-students.com/liverpool, follows its link and gathers information to display it based on the desktop and mobile wires.
var foo = 1; | |
(function() { | |
console.log(foo); | |
var foo = 2; | |
var baz = 3; | |
bar = 4; | |
})(); | |
console.log(foo); |