Frontend Mentor - Entertainment web app Challenge

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 projects.

Table of contents

• Overview
  • The challenge
  • Links
• Process
  • Built with
• Todo

Overview

The Challenge

Users should be able to:

• 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
• View the optimal layout for the app depending on their device's screen size
• Signup/ login

Links

Live Demo

Process

Built with

• Next.js 13.4 using pages router
• TypeScript
• Redux Toolkit for managing the state
• Redux Persist
• Tailwindcss for styling
• Mongodb for saving user's data
• Next-Auth for authentication
• Swiper.js

Todo

• Implement the project using app router
• Add profile picture feature to user's profile