Hotflix

screenshot of Hotflix
nextjs
react
styled-components

This project landed me an interview with Netflix!

Overview

This project is a well-structured web application that leverages modern technologies like Next.js, NextAuth, styled-components, and MongoDB, making it a robust choice for users looking for a streamlined way to search for and manage their favorite movies and TV shows. The integration with the TMDb API facilitates an easy-to-navigate interface where users can create accounts, log in, and explore a vast library of entertainment options. The detailed setup instructions also ensure that newcomers can quickly get up to speed with minimal hassle.

The user experience is further enhanced by the ability to create multiple profiles, making it ideal for families or groups who want personalized recommendations. With straightforward sign-up and login processes, along with powerful search functionalities, this application caters well to the needs of entertainment enthusiasts.

Features

  • Next.js Framework: Utilizes Next.js for a fast and responsive user experience, taking full advantage of server-side rendering.
  • Authentication via NextAuth: Secure and easy authentication options allow users to sign in using email, phone number, or social media accounts (Google or Facebook).
  • MongoDB Integration: Connects to MongoDB for efficient data storage and management, supporting a scalable application.
  • User Profile Management: Users can create and manage multiple profiles, with the option to customize avatars and display names.
  • TMDb API Access: Seamlessly integrates with the TMDb API for searching and retrieving information on movies and TV shows.
  • Simple Setup Instructions: Well-documented steps for installation and configuration ensure easy onboarding for new users.
  • Easy Search Functionality: Intuitive navigation with dedicated tabs for searching movies and TV shows, enhancing user engagement.
  • Profile Editing Options: Users can easily edit or delete profiles, ensuring personalized experiences are easily managed.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.