Skip to content

made Netflix clone using tutorial, Technologies used like Tailwind CSS, Typescript, MongoDB, React, Prisma, NextJS.

Notifications You must be signed in to change notification settings

MichalPytlarz/My-Netflix-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

My Netflix Clone 🎬

A dynamic movie streaming interface built with React that fetches and displays real-time data from The Movie Database (TMDB) API.

🌟 Key Features

  • Real-time Data Fetching: Integrates with TMDB API to display trending, top-rated, and genre-specific movies.
  • Dynamic Hero Section: Featuring a randomized featured movie on every refresh.
  • Responsive Rows: Interactive movie rows with scroll functionality.
  • Trailer Integration: Ability to fetch and play movie trailers using movie-trailer and react-youtube.
  • Custom Styling: Clean, Netflix-inspired UI with CSS Flexbox and custom animations.

πŸ› οΈ Tech Stack

  • Frontend: React.js
  • API: TMDB (The Movie Database)
  • Libraries: Axios (API requests), React-YouTube, Movie-Trailer.
  • Deployment: Firebase / Netlify

πŸ“‚ Key Implementation Details

  • Async/Await Logic: Efficiently handling asynchronous API calls with Axios.
  • State Management: Using React Hooks (useState, useEffect) to manage movie data and UI states.
  • Component Architecture: Reusable components for movie rows and the navigation bar.

πŸš€ Getting Started

  1. Clone the repo:
    git clone [https://github.com/MichalPytlarz/My-Netflix-clone.git](https://github.com/MichalPytlarz/My-Netflix-clone.git)

About

made Netflix clone using tutorial, Technologies used like Tailwind CSS, Typescript, MongoDB, React, Prisma, NextJS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages