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: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- TailwindCSS
- Ionic
- Desktop-first workflow
- React - JS library
- TailwindCSS - CSS utility classes
- Ionic - Render JS code to native APPs to Web, IOS and Android
How to configure the module Swiper.
<Swiper
modules={[Navigation, Pagination, Scrollbar, A11y]}
spaceBetween={5}
freeMode={true}
navigation
pagination={{ clickable: true }}
scrollbar={{ draggable: true }}
>Still strugling with routing/navigating processes outside NextJS...
- Swiper demos - TPremium Swiper templates & plugins from UI Initiative.
- Bcrypt - Protecting website passwords is an essential skill any developer should have.
- Website - Thomas TS
- Frontend Mentor - @ttsoares
- Linkedin - thomas-soares-6791781b/
The AI Codeium associated with ChatGPT has been very helpfull while I'm migrating to Typescript.