Your task is to develop a frontend application that will display list of article previews.
You are expected to fetch data from a mock api (server.js) provided along with this assignment.
We have prepared a simple skeleton app for you (check out README.md)
The user of this app should be able to:
- view a list of articles containing image, title, preamble and publication date
- filter articles by their source (fashion, sport or both)
- sort articles by publication date
The basic wireframes for the app can be found in the attached *.png files.
Please use them as guidelines for your solution, but style it as you would style a normal production website keeping in mind web standards.
Make sure that you properly handle backend responses, as backend can never be truly trusted and may sometimes return errors.
- it should run on the current versions of browsers (chrome/ff) and be compliant to current version of ecma script standard,
- the code should be testable,
- you can use any library you want as long as it's reasonable, but do not overcomplicate things,
- try to make it look good on different devices,
- pay attention to bundle size,
- keep the code clean and understandable (document it if you feel it's needed),
- do not sacrifice code quality for the sake of completeness of the task.
Please provide a short description of what you have created and possible ways to improve your solution.
We expected the assignment to be done with GIT. Using a public github repository or private bitbucket/gitlab will be fine. Also please don’t forget about commit messages.
Feel free to get in touch with us at any time throughout this task in case of any questions. We realise and appreciate that you’re taking personal time out to complete this task so we’re happy to help.