Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Horizontal Scroll, Bookmarking, JSON, LocalStorage all in Vanilla JS

P

@Mercury225

Desktop design screenshot for the Entertainment web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • To add to the challenge, i decided to code this using Vanilla Javascript. Difficult, but very satisfying when it works
  • First time using localStorage for variables! Very exciting
  • Figured out the getElementsByClassName used HTMLCollection which updates live, took a while to realise that changing pages causes this function to empty its array and add in new ones, but the DOM fired immediately as the code did and resulted in a blank array. I realised this function took longer to process and made it async, and it all turned out fine :)
  • First time doing a horizontal scroll carousel, and this project actually has a lot of firsts!
  • First time using local storage, first time making a bookmarking system and a customised search bar for each page
  • A login system ( without back-end, but surprising still hard to code on front-end)
  • One of the hardest website i've coded in Vanilla Javascript

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord