This is a solution to the Entertainment web app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic project.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Navigate between Home, Movies, TV Series, and Bookmarked Shows pages
- Add/Remove bookmarks from all movies and TV series
- Search for relevant shows on all pages
- Bonus: Build this project as a full-stack application
- Bonus: If you're building a full-stack app, we provide authentication screen (sign-up/login) designs if you'd like to create an auth flow
- Solution URL: https://www.frontendmentor.io/solutions/entertainment-web-app-solution-E9Pq_s17DR
- Live Site URL: https://subtle-nougat-c34841.netlify.app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Vue - JS library
I expanded my knowledge of v-model to create search filters.
I'm continuing to learn how the composition api works. I need to get better with code abstraction and also need to create components more fluidly.
- YouTube - YouTube is always open and it's really easy to learn how other people approach code.
- VueJS - For this project I constantly went back to learn all the ins and out of Vue.
- VueSchool.io - For this project I constantly went back to learn all the ins and out of Vue.
- Website - Manuel Pena
- Frontend Mentor - @manolobrown
- Twitter - @manolobrown