Skip to content

a Responsive Netflix Clone that I made with the use of ReactJS, Next JS App Dir, Typescript and Tailwind CSS

Notifications You must be signed in to change notification settings

jazztinecruz/netflix

Repository files navigation

Netflix Clone Website

This project is a fully typed responsive clone of the popular streaming service, Netflix. Users can browse trending, popular, and upcoming movies, play movie trailers, view detailed information about each movie, see similar movies, and check if a movie is in the top 10 trending list. My Netflix clone objective is to showcase how I used the modern web development technologies.

Technologies Used

This project is built with the following technologies:

  • React.js
  • Next.js (App Directory)
  • Node.js
  • TypeScript
  • Axios
  • React Query
  • TMDB API
  • Tailwind CSS
  • Headless UI
  • HeroIcons

Output

Screenshot 2024-05-20 at 6 20 41 PM Screenshot 2024-05-20 at 6 17 19 PM Screenshot 2024-05-20 at 6 18 30 PM Screenshot 2024-05-20 at 6 19 25 PM

Mobile

Screenshot 2024-05-29 at 7 58 27 PM Screenshot 2024-05-29 at 7 57 52 PM

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

Ensure you have the following installed on your local machine:

  • Node.js
  • npm

Installation

  1. Clone the repo

  2. Install NPM packages

  3. Start the development server

Usage

To use the Netflix Clone Website, simply navigate to the local host server (default is localhost:3000) in your browser after starting the development server.