test project

Thank you for your interest in joining the Development Team at Purple Brush! As part of the recruitment and selection process, we’d like to ask you to complete the following code challenge. Are you up for the challenge? A designer has given you the following mockups that you will be asked to turn into a working feature on northern.co. Keep in mind that it should work for everyone (ie. think mobile, cross-browser, etc.) The final result should be live in a service like CodePen, JS Bin, etc. Candidates need to attach the URL with their applications. (Where to Apply?) Feel free to use a CSS preprocessor and/or JS Framework/Library. It’s also fine to not use any of these technologies. When submitting the form: If the email field does not validate, an error message should be rendered. If the email field is valid, the form should submit and log the value of each field in the browser console without refreshing the page. It will show a loading state for 2 seconds, to simulate an HTTP request. It should allow only a single submission. That is, subsequent attempts to submit should be ignored after the initial submission. After the simulated request, a “thank you” message should replace the form without refreshing the page. The grey box within the mockups is only to provide you with the colour and font info that is used, you don’t need to code it into your work. The supported browsers will be the following: Desktop: Latest 2 major releases of Chrome and Firefox, Safari, and Edge IE 11 Functional Mobile: Latest 2 major releases of Chrome and Firefox, and Safari Budget $50 CAD