Publicis Sapient interview question

Assignment Requirements: - Functionalities 1. The initial launch programs landing page ideally should be server-side-rendered. 2. A boilerplate to implement the Server-side rendering can be used. 3. User should be able to Filter the results with help of provided Filters.  Filter options are hard coded with the values shown in the visual comp below.  Applying any Filter should reflect the below changes: • Selected filter should change to selected state as shown in the visual comp. • Applied filters should change the URL and update the Page with latest records without refreshing the page. - Responsive Design and other UI elements. 1. Page should visually match with the provided designs at the end of this file. 2. Responsive Behavior – Expectation is to do a custom media query implementation and not use bootstrap or similar responsive framework:  Implementation should follow Mobile first design approach  Mobile View: Page should have only one Column until 700 px. We have provided the Visual designs for Mobile screen.  Tablet View: Page should have 2 columns between 700 and 1024 px. Design is provided for Desktop tile and that should be followed for this viewport.  Desktop View: Page should have 4 columns between 1024 and 1440 px. Beyond 1440px viewport, the content will be centered align with a max width of 1440. - On git - elaborate your approach and stack details in the Readme file.