Front-end Developer Challenge 1

By Software Development and Integration Team

March 19, 2024

Template and Styling

Time: about 90 minutes recommended.

Recreate the following reference image in HTML and CSS and show as a News Room with all news item list.

Requirements

You can use any markup, styles and layout method necessary, but you must use these JSON files as your data source:

Authors
News
Other resources

links do not have to function at all. The pagination and any other links are for display only.

Programming Language

If you are applying as a Front-end Developer please use JavaScript (JS) or TypeScript (TS) and a JavaScript templating library or JavaScript framework (like Handlebars.js, Vue.js, React.js, Svelte.js, etc.) TMSPH uses AstroJS, SvelteJS, or Vanilla JS primarily, but feel free to use whichever library or framework you're most comfortable with.

Feel free to use the internet to look up any coding references, but please do not ask anyone else for help. We want to see how you code.