<<<<<<< HEAD
Frontend Mentor - Entertainment web app solution
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.
Table of contents
Overview
The challenge
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
Screenshot
Links
My process
Built with
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- Tailwind css - For styles
- Tippy js - For tooltip
- Firebase - For Authentication and storage
- Framer Motion - For Animations
- Redux-toolkit - For State management
- Rodal - For modal
Continued development
I will develop a better search algorithm for this project by detecting patterns in user input and displaying results that contain such patterns. I intend to implement this through the use of regex.
Author
- Github - Samuel Oyebade
- Frontend Mentor - @Samsegun
- Twitter - @datsleumas