Total time allowed: 4-6 hours
- Read this Readme carefully and until the end
- Create a personal github repo
- Name it [your_name]-foxstone-fe-test
- Push your code there
- Send us the url
You are given a set of offerings to display on the SERP age of our real estate crowdfunding platform. Your task is to create a user interface from scratch, that will display all the offerings.
The result should be created as a Single Page App using Angular, React or VueJS. The data source is provided from a public Mock Data API and the UI is to be created according to the provided mockup.
The goal of this test is to judge your ability to code something with no help from designers or source file of the mockup (sketch/invision).
Naturally, the page should be 100% responsive and have a correct look on mobile. However, we do not provide the mobile mockup.
- Create a SPA UI, in the selected technology
- Try to reach a pixel perfect design according to the mockup
- Make good use of the required technology (angular / libraries)
- Show your HTML, CSS and Javascript skills, using SASS variables, mixins, functions, etc.
- Make good use of Bootstrap.
- Run the page locally in less than 1s
- Total load from server should not be more than 1mb
- The whole package should not exceed 5mb
- Use a CSS processor like SASS
This task is designed to give us an idea of:
- how you structure your code according to the selected technology
- what kind of external library you need
- how many external libraries you need
- your understanding of OOD
- your ability to deliver a pixel perfect UI to match a given design guideline
- your creativity at producing a simple HTML structure, efficient javascript capabilities and a beautiful uncompiled CSS (sass).
- your knowledge of Bootstrap. We use Bootstrap as our frontend css framework in order to avoid using tons of css.
WARNING: If you created lots of CSS that could have been avoided by using Bootstrap, YOUR WORK WILL BE DISCARDED.
Keep It Simple and Stupid (KISS)
- The simpler you make it, the better it will be. But simple doenst mean lazy. Put some hard work at making things great but don't over complicate the thing.
- If you need more than 4 hours to do the job, then you did not understand the brief correctly, feel free to ask us.
- If you did not understand it correctly or you have any question, CONTACT US RIGHT AWAY.
- Do not start coding if it is not super clear for you
- And last, HAVE FUN, do your magic, show your skill, show you personal touch, show your style.