Frontend Mentor - Movies Web App

Welcome 🍃

This movie web app was a good project to put into practice my vanilla javascript, CSS and SCSS skills. The project is built with fetch, localStorage, gulp.js and new features like intersection observer, mutation observer and URLSearchParams.

Links

• My Linkedin Linkedin
• My email [email protected]
• Live Project Movies Web App

Challenge

Users should be able to:

• Get more info about the movie clicked in a modal section
• See the trailer of the movie
• Filter movies by name, genre, year and status
• Can set any movie as watched or favourite or watch Later
• Can see only the watched or favourites or watch later movies by navigating through the menu sections
• Can retrieve the watched, favourites and watch movies later returning to the app
• Get loaded more movies by scrolling into the last movies

Design of the App

Built with

• Mobile-first workflow
• Semantic HTML5 markup
• SASS
• Vanilla Javascript
• fetch
• localStorage
• gulp.js
• Some javascript new features