Scribd
Upload
16 views2 pages

Modified - Frontend Developer Intern Assignment

Heart It Out is seeking a Frontend Developer Intern to build client-side web applications aimed at improving mental healthcare accessibility in India. Candidates must complete an assignment involving the creation of components from a Figma file, including making API calls and presenting data in an interactive format, with a minimum passing score of 75%. The assignment must be submitted within 48 hours and deployed on specified platforms, with contact information provided for questions.

Uploaded by

nk0089573
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views2 pages

Modified - Frontend Developer Intern Assignment

Heart It Out is seeking a Frontend Developer Intern to build client-side web applications aimed at improving mental healthcare accessibility in India. Candidates must complete an assignment involving the creation of components from a Figma file, including making API calls and presenting data in an interactive format, with a minimum passing score of 75%. The assignment must be submitted within 48 hours and deployed on specified platforms, with contact information provided for questions.

Uploaded by

nk0089573
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Frontend Developer Intern Assignment

Heart It Out is a mental health and well-being Initiative that is committed to making
mental healthcare accessible to 1.5 billion people across India. Know More

You will be responsible for building the ‘client-side’ of our web applications. You should
be able to translate our company and customer needs into functional and appealing
interactive applications.

Guidelines:
● Each question carry a certain weightage, to clear this assignment round you
need to have minimum of 75%
● You can either deploy your code and make it live on github pages or sign in to
https://in.000webhost.com/ or Netlify,. Candidate forwarding code file in zip or
drive file will be rejected
● You have to submit the assignment within 48 hours of receiving it, assignment
review will not be considered after the given deadline
● Please reach out to us at [email protected] with cc: [email protected] and
[email protected] in case of any questions

Questions:
Q 1. You have to create different components given in figma file attached below using
html, bootstrap, css, javascript, jQuery and Vue Js (100pts)
=>https://www.figma.com/file/fJIAq5wtrKLKwKXGoBDdzW/UI-Assigment?node-id=0
%3A1

You need to create Sections 1 , 2 and 3.

For Section 2 please follow the below steps :

Please make an API Call with the help of Vue Js or Javascript

URL: http://api.tvmaze.com/search/shows?q=cars {GET}

Choose 4 Random Words of your choice and Show the First 3 TV Shows that is shown
for those words in this section

Call the API with the query word and place the Type , Name, Summary and the Current
Link in the accordion.

The Final Page should look like this Where Each Accordion is one Random Word of your
Choice and the 3 Blocks are The Top 3 Tv Shows that Shows up with that Word.

You might also like