Scribd
Upload
29 views9 pages

Vivekfsd

This document provides details about building a Netflix clone application using React.js and Node.js. It discusses using React.js for the front-end development and Node.js for the back-end. It includes information on installing and using React, an introduction to what Netflix is, the hardware and software requirements for the project, and screenshots of the landing page, login form, and API integration.

Uploaded by

deekshith s
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views9 pages

Vivekfsd

This document provides details about building a Netflix clone application using React.js and Node.js. It discusses using React.js for the front-end development and Node.js for the back-end. It includes information on installing and using React, an introduction to what Netflix is, the hardware and software requirements for the project, and screenshots of the landing page, login form, and API integration.

Uploaded by

deekshith s
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

DAYANANDA SAGAR UNIVERSITY

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING


SCHOOL OF ENGINEERING
DAYANANDA SAGAR UNIVERSITY
KUDLU GATE
BANGALORE - 560068

A WEB SITE DEVELOPMENT REPORT

ON

SUBMITTED TO THE 4th SEMESTER


FULL STACK DEVELOPMENT (20CS2406)
In the Academic Year 2021-22

BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE & ENGINEERING

K VIVEK VARDHAN REDDY ENG20CS0144


K SHYAM SAI ENG20CS0141
G LOHITH SAI ENG20CS0106

C SAI KIRAN REDDY ENG20CS0078

SUBMITTED BY
Under the supervision of
Kiran B Malagi
Dept of CSE

CERTIFICATE

This is to certify that the report on Web Site Development entitled


“NETFLIX CLONE” being submitted by to Department of Computer
Science and Engineering, School of Engineering, Dayananda Sagar
University, Bangalore, for the IV semester section “ B ”, B. Tech CSE of
this university during the academic year 2021-2022

Date:

Signature of the Faculty in Charge


Netflix-Clone

Introduction:-
Netflix is a subscription-based streaming service that allows our members to watch TV shows and
movies without commercials on an internet-connected device. You can also download TV shows and
movies to your iOS, Android, or Windows 10 device and watch without an internet connection.

Why is it called Netflix?

The name of the transmission portal is composed from two English words, "net" for net or internet
and "flix" for films in colloquial language. In 2012 Netflix started their expansion to Europe,
launching in the United Kingdom and Ireland on January 4

We will be building Netflix clone similar to Netflix using the front-end and back-end.

For the front end we use

1) HTML

2) CSS

3) JavaScript

4) React.js

For Back-end we use

1) Node.js

2) API’s

React: -

React. js is an open-source JavaScript library that is used for building user interfaces specifically
for single-page applications. It's used for handling the view layer for web and mobile apps. React
also allows us to create reusable UI components.
Steps to install React: -

To install the full React toolchain on WSL, we recommend using create-react-app:

1) Open a terminal(Windows Command Prompt or PowerShell).

2) Create a new project folder: mkdir ReactProjects and enter that directory: cd ReactProjects.

3) Install React using create-react-app, a tool that installs all of the dependencies to build and run a
full React.js application:

Copy npx create-react-app my-app.

4) This will first ask for your permission to temporarily install create-react-app and it's associated
packages. Once completed, change directories into your new app ("my-app" or whatever you've
chosen to call it): cd my-app.

5) Start your new React app: npm start


Hardware & Software Requirement:
Hardware Interfaces
• Minimum Hardware requirement

• Processor: P4 3.0 GHz

• RAM:1 GB or Higher

• Monitor

• Mouse

• Hard disk: 80 GB

Software Interfaces
• Minimum Software requirement

• VSCode Node.js

React.js

Features:

1) Landing Page with edited background image

2) Login page

3) Sign Up form

4) Backend connected to API


Screen Shots: - 1)

Landing Page
2) Sign In Form

3) API

You might also like