SeanPlusPlus/interview.md

Last active September 20, 2023 17:49

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/SeanPlusPlus/2cb3c6efbe9d2ef16013bf0d854cbfed.js"></script>
Save SeanPlusPlus/2cb3c6efbe9d2ef16013bf0d854cbfed to your computer and use it in GitHub Desktop.

Download ZIP

Front End Engineering Interview Question

Raw

interview.md

Front End Engineering Interview Question

Hit a JSON API, get list of movies, and display in <div>s
Apply initial styling to the movie <div>s (border, margin, title)
Add desktop styling (background colors, 2 column) and keep initial styling for mobile

Bonus

Add filtering by genre
Add sort by year / alphabetical

Solution

Live Demo

https://wigglyvelvetyscience.seanplusplus.repl.co/

JSON API

https://simplejson.vercel.app/api/awOkOFOw

API Shape

https://i.imgur.com/Wf4wA5P.png

Initial Styling

https://i.imgur.com/Pifrql3.png

Desktop Styling

https://i.imgur.com/ZwDZqKC.png

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment