A
Project Report
on
“NETFLIX CLONE”
Submitted in the partial fulfillment of the requirement for award the degree of
Bachelor of Technology
in
Computer Science & Engineering
Submitted To: Submitted By:
MS. UPASNA Aditya
Assistant Professor 8069470
Dept. of CSE B.Tech. CSE 7th SEM
Department of Computer Science and Engineering
Ganga Institute of Technology & Management
Kablana, Jhajjar-124104 (Haryana)
December-2024
CERTIFICATE
This is to certify that the work embodied in this project entitled “Netflix Clone” is original
and has been carried out by Aditya (8069470), Happy (8069493) in the partial fulfillment
for the award of the degree of Bachelor of Technology in Computer Science and
Engineering, Ganga Institute of Technology and Management, Kablana, Jhajjar, Haryana, is
a bonafide record of the candidate’s own work carried out by him/her under the supervision
of MS. UPASNA. The work has not been submitted, in part or in full, for any other degree
or diploma of this or any other university.
Aditya (8069470)
Happy (8069493)
Department of Computer Science and Engineering
Ganga Institute of Technology and Management, Kablana-1241004
MS. UPASNA
Assistant Professor
Department of Computer Science and Engineering
Ganga Institute of Technology and Management, Kablana-1241004
DECLARATION
We hereby declare that the project work entitled “Netflix Clone” has been carried out by us
at the Department of Computer Science and Engineering, Ganga Institute of Technology
and Management, Kablana. The project submitted for consideration of award of Bachelor of
Technology is original and free from any form of falsification and plagiarism. This work has
not been submitted for similar purpose anywhere else.
We shall be solely responsible for any dispute arising out of my project work.
Aditya (8069470)
Happy (8069493)
Department of Computer Science and Engineering
Ganga Institute of Technology and Management, Kablana-1241004
ACKNOWLEDGEMENTS
It is both an elevating and humbling experience to acknowledge all the people involved in
this work. Many individuals have contributed to this project work with their advice, interest,
time and support. They are the wind beneath my wings. We thank almighty for his
compassion and bountiful blessings for making everything possible.
We would specially like to thank our worthy guide MS. UPASNA, assistant professor,
department of computer science and engineering who supervised us to complete this project.
His/Her technical advice, ideas and constructive criticism contributed to the success of this
report. He/She suggested us many ideas and solved our puzzles when we were in need.
Her/his motivation and help has been of great inspiration to me.
We would also like to thank respected Dr. Nitin Kumar, HOD-CSE and faculty members of
the CSE department for providing us the opportunities, support and necessary help to
complete this project work.
Aditya (8069470)
Happy (8069493)
Department of Computer Science and Engineering
Ganga Institute of Technology and Management, Kablana-1241004
ABSTRACT
The Netflix Clone project is a feature-rich, on-demand video streaming application
developed using the MERN stack (MongoDB, Express.js, React, and Node.js). This
platform replicates the core functionalities of Netflix, providing users with a seamless
experience to stream unlimited movies, TV shows, and documentaries for a low monthly
subscription fee. The system leverages the power of modern web technologies to deliver
high-quality content to a diverse audience across the globe.
The primary objective of this project is to create a fully functional over-the-top (OTT)
platform that caters to the growing demand for online entertainment. With a user-friendly
interface and robust backend infrastructure, the Netflix Clone offers a variety of genres,
including drama, thriller, action, mystery, comedy, and documentaries. The platform ensures
an immersive viewing experience with high-definition (HD) video quality and responsive
design, allowing users to watch their favorite content anytime, anywhere, on any device.
One of the standout features of the Netflix Clone is its multi-lingual capability, enabling
content to be streamed in various regional languages. This feature broadens the platform's
reach, making it accessible to a wider audience and catering to the diverse linguistic
preferences of users. Additionally, the system supports user authentication, personalized
watchlists, and adaptive streaming, ensuring optimal playback based on the user’s internet
connectivity.
The entertainment industry is one of the largest online service sectors, and this project aims
to tap into its potential by offering a scalable and customizable solution. The Netflix Clone
is designed to be easily deployable, providing aspiring entrepreneurs and businesses with a
ready-to-launch OTT platform that meets the evolving needs of the digital entertainment
landscape.
LIST OF ACRONYMS
HTML HyperText Markup Language
CSS Cascading Style Sheets
JS Javascript
OTT Over the Top
macOS Macintosh Operating System
LIST OF TABLES
Table Title Page
2.1 Performance comparison of existing VCO designs 39
3.1 Power dissipation of MCML and proposed PFD 47
3.2 Transistor sizing with L = 0.18 µm 55
Power dissipation of conventional and proposed PFD designs at different
3.3 55
Vdd
lOMoARcPSD|35684657
INTRODUCTION
Netflix Clone is an on-demand video streaming app solution that helps to launch your own on-
demand OTT platform like Netflix, where you can watch unlimited movies & TV shows for one
low month to month cost. Netflix Clone broadcasts movies and TV shows over the Internet to
new locations with enormous audiences. Netflix Clone Script’s multi-lingual ability also allows
the broadcasting of movies and programs in regional languages.
The entertainment industry is the largest online service business in the market. Netflix Clone is
packaged with fascinating features that are of the essence for a flourishing online streaming
website. It allows users to watch TV shows, movies online offering different types of shows like
drama, thriller, action, murder/mystery, comedy, documentaries and enjoy watching it on HD
anytime, anywhere they want.
Features:
1. Looks similar to Netflix.
2. Dynamic site run on Node.js server.
3. Dedicated Dynamic Movies Info page.
4. Has movie trailers, and recommendations.
5. Has smooth card slider effect.
Modules of Netflix Clone:
➢ Login
➢ Advanced Filter
➢ Advanced Search Bar
➢ Home Page
➢ Videos Categories
➢ Download Videos
➢ Push Notifications
➢ User Comments
➢ Videos Management
lOMoARcPSD|35684657
HARDWARE SPECIFICATIONS
➢ Processor: Intel Pentium or Above
➢ 4GB RAM Or Above
➢ 40GB Hard Disk Drive or Above
➢ Monitor, Mouse
➢ Other Hardware Requirements
SOFTWARE AND TECHNOLOGIES USED
➢ WINDOWS 10
Windows 10 is a Microsoft operating system, a version which succeeded Windows 8 and
Windows 8.1, which were unveiled in 2012 and 2013, respectively. Code-named
“Threshold,” Windows 10 was released to the general public in July 2015. Microsoft is
attempting to use Windows 10 to unify diverse operating systems for different devices
including PCs, phones and video consoles. Users already running Windows 7 or Windows 8
may be eligible for a free download of Windows 10, while individual licenses run between
$100 and $200. Features of Windows 10 include the return of the Start menu, new icons
and interface features and biometric security features. Windows 10 includes a new
browser, Edge, which replaces the longtime standard Internet Explorer. Another new
inclusion is Cortana, a virtual assistant analogous to Apple's Siri, as well as new notification
systems.
➢ VISUAL STUDIO CODE
Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux and
macOS. Features include support for debugging, syntax highlighting, intelligent code
completion, snippets, code refactoring, and embedded Git. Users can change the theme,
keyboard shortcuts, preferences, and install extensions that add additional functionality. In
lOMoARcPSD|35684657
the Stack Overflow 2019 Developer Survey, Visual Studio Code was ranked the most
popular developer environment tool, with 50.7% of 87,317 respondents reporting that
they use it. Visual Studio Code was first announced on April 29, 2015, by Microsoft at the
2015 Build conference.
➢ NODE.JS
Node.js is an open-source, cross-platform, back-end Javascript runtime-environment that
runs on JavaScript Engine i.e. V8 engine and executes JavaScript code outside a web browser,
which was designed to build scalable network applications. Node.js lets developers use
JavaScript to write command line tools and for server-side scripting - running scripts server-
side to produce dynamic web page content before the page is sent to the user's web browser.
➢ HTML 5
HTML stands for HyperText Markup Language. It is used to design web pages using a markup
language. HTML is the combination of Hypertext and Markup language. Hypertext defines
the link between web pages. A markup language is used to define the text document within
the tag which defines the structure of web pages. This language is used to annotate text so
that a machine can understand it and manipulate text accordingly. The language uses tags to
define what manipulation has to be done on the text. HTML is a markup language used by
the browser to manipulate text, images, and other content, in order to display it in the
required format. HTML was created by Tim Berners-Lee in 1991. The first-ever version of
HTML was HTML 1.0, but the first standard version was HTML 2.0, published in 1995.
➢ CSS
Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to
simplify the process of making web pages presentable. CSS allows you to apply styles to web
pages. More importantly, CSS enables you to do this independent of the HTML that makes up
each web page. It describes how a webpage should look: it prescribes colors, fonts, spacing,
lOMoARcPSD|35684657
and much more. In short, you can make your website look however you want. CSS lets
developers and designers define how it behaves, including how elements are positioned in
the browser.
➢ JAVASCRIPT
JavaScript is a lightweight, cross-platform, and interpreted compiled programming language
which is also known as the scripting language for webpages. It is well-known for the
development of web pages, many non-browser environments also use it. JavaScript can be
used for Client-Side developments as well as Server-Side developments. Javascript is both
imperative and declarative type of language. JavaScript contains a standard library of
objects, like Array, Date, and Math, and a core set of language elements
like operators, control structures, and statements.
➢ REACT JS
ReactJS is an open-source, component-based front end library responsible only for the view
layer of the application. It is maintained by Facebook. It uses a declarative paradigm that
makes it easier to reason about your application and aims to be both efficient and flexible. It
designs simple views for each state in your application, and React will efficiently update and
render just the right component when your data changes. The declarative view makes your
code more predictable and easier to debug. A React application is made of multiple
components, each responsible for rendering a small, reusable piece of HTML.
lOMoARcPSD|35684657
CODE
APP JS Code
import React from 'react';
import { BrowserRouter as Router, Switch } from 'react-router-dom';
import { Home, Browse, Signin, Signup } from './pages';
import * as ROUTES from './constants/routes';
import { IsUserRedirect, ProtectedRoute } from './helpers/routes';
import { useAuthListener } from './hooks/index';
export default function App() {
const {user} = useAuthListener();
console.log(user);
return (
<Router>
<Switch>
<IsUserRedirect user={user} loggedInPath={ROUTES.BROWSE}
path={ROUTES.SIGN_IN}
>
<Signin />
</IsUserRedirect>
lOMoARcPSD|35684657
<IsUserRedirect user={user} loggedInPath={ROUTES.BROWSE}
path={ROUTES.SIGN_UP}
>
<Signup />
</IsUserRedirect>
<ProtectedRoute user={user} path={ROUTES.BROWSE} >
<Browse />
</ProtectedRoute>
<IsUserRedirect user={user} loggedInPath={ROUTES.BROWSE}
path={ROUTES.HOME} exact>
<Home />
</IsUserRedirect>
</Switch>
</Router>
);
}
lOMoARcPSD|35684657
CSS Code
margin: 0;
.app {
background-color: #111;
/* original app.css disabled */
/* .App {
text-align: center;
.App-logo {
height: 40vmin;
pointer-events: none;
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
lOMoARcPSD|35684657
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
.App-link {
color: #61dafb;
}
lOMoARcPSD|35684657
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
to {
transform: rotate(360deg);
}
lOMoARcPSD|35684657
Index Code
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
lOMoARcPSD|35684657
HOME PAGE
The Home Page consists of these sections:
Header, which includes:
• Logo: it redirects you to the home page when you click on it.
• Sign-in button: it redirects you to the sign-in page.
• Feature title & subtitle: It shows the main sentences of the website.
lOMoARcPSD|35684657
SIGN-IN PAGE
The Sign-in Page consists of 3 main sections:
1) Header, which includes:
• Logo: it redirects you to the home page when you click on it.
2) Sign-in Form, which includes:
• Email address input field.
• Password input field.
• Sign-in Button.
• Link to Sign-up Page.
3) Footer: It contains useful links users may need it.
lOMoARcPSD|35684657
SIGN-UP PAGE
The Sign-up Page consists of 3 main sections:
1) Header, which includes:
• Logo: it redirects you to the home page when you click on it
2) Sign-up Form, which includes:
• First Name input field
• Email address input field
• Password input field
• Sign-up Button
• Link to Sign-in Page
3) Footer: It contains useful links users may need it
lOMoARcPSD|35684657
lOMoARcPSD|35684657
lOMoARcPSD|35684657
CONCLUSION
Netflix Clone is an on-demand video streaming app solution that helps to launch your own on-
demand OTT platform like Netflix, where you can watch unlimited movies & TV shows for one
low month to month cost. Netflix Clone broadcasts movies and TV shows over the Internet to
new locations with enormous audiences. Netflix Clone Script’s multi-lingual ability also allows
the broadcasting of movies and programs in regional languages. Netflix Clone is packaged with
fascinating features that are of the essence for a flourishing online streaming website. It allows
users to watch TV shows, movies online offering different types of shows like drama, thriller,
action, murder/mystery, comedy, documentaries and enjoy watching it on HD anytime,
anywhere they want. It includes following features:
• Looks similar to Netflix
• Dynamic site run on Node.js server
• Dedicated Dynamic Movies Info page
• Has movie trailers, and recommendations
• Has smooth card slider effect
lOMoARcPSD|35684657
REFERENCES
https://www.geeksforgeeks.org
https://github.com/topics/netflix-clone
https://www.youtube.com/
https://www.alphansotech.com/
https://www.streamhash.com/
https://www.udemy.com/
https://www.coursera.org/
https://www.javapoint.com/
