1.

INTRODUCTION

1.1 NODE.JS

Node.js is a server-side platform built on Google Chrome's JavaScript Engine (V8 Engine).
Node.js was developed by Ryan Dahl in 2009 and its latest version is v0.10.36. The
definition of Node.js as supplied by its official documentation is as follows −

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and
scalable network applications. Node.js uses an event-driven, non-blocking I/O model that
makes it lightweight and efficient, perfect for data-intensive real-time applications that run
across distributed devices.

Node.js is an open source, cross-platform runtime environment for developing server-side

Node.js also provides a rich library of various JavaScript modules which simplifies the
development of web applications using Node.js to a great extent.

Fig.1.1 Node.js

1.2 MONGOBD

MongoDB is an open source database management system (DBMS) that uses a document-
oriented database model which supports various forms of data. It is one of numerous
nonrelational database technologies which arose in the mid-2000s under the NoSQL banner
for use in big data applications and other processing jobs involving data that doesn't fit well
in a rigid relational model. Instead of using tables and rows as in relational databases, the
MongoDB architecture is made up of collections and documents.

1
 Fig.1.2 MongoDB

1.3 EXPRESS.JS

Express is the most popular Node web framework, and is the underlying library for a number
of other popular Node web frameworks. It provides mechanisms to
Write handlers for requests with different HTTP verbs at different URL paths (routes).

Integrate with "view" rendering engines in order to generate responses by inserting data into
templates.

Set common web application settings like the port to use for connecting, and the location of
templates that are used for rendering the response.

Add additional request processing "middleware" at any point within the request handling
pipeline.

While Express itself is fairly minimalist, developers have created compatible middleware
packages to address almost any web development problem. There are libraries to work with
cookies, sessions, user logins, URL parameters, POST data, security headers, and many more.
You can find a list of middleware packages maintained by the Express team at Express
Middleware (along with a list of some popular 3rd party packages).

Fig.1.3 Express.js

2
 2. HISTORY

JavaScript is a programming language that was created at Netscape as a scripting tool to

Part of the business model of Netscape was to sell Web Servers, which included an
environment called Netscape LiveWire that could create dynamic pages using server-side
JavaScript. Unfortunately, Netscape LiveWire wasn't very successful and server-side
Javascript wasn't popularized until recently, by the introduction of Node.js.

One key factor that led to the rise of Node.js was the timing. Just a few years earlier,
JavaScript had started to be considered as a more serious language, thanks to "Web 2.0"
applications (such as Flickr, Gmail, etc.) that showed the world what a modern experience
on the web could be like.

JavaScript engines also became considerably better as many browsers competed to offer
users the best performance. Development teams behind major browsers worked hard to
offer better support for JavaScript and find ways to make JavaScript run faster. The engine
that Node.js uses under the hood, V8 (also known as Chrome V8 for being the open-source
JavaScript engine of The Chromium Project), improved significantly due to this
competition.

Node.js happened to be built in the right place and right time, but luck isn't the only reason
why it is popular today. It introduces a lot of innovative thinking and approaches for
JavaScript server-side development that has already helped so many developers.

3
 3. FEATURES OF NODE.JS

Fig.3.1 Features of Node.js

3.1 EXTREMELY FAST

Node.js is built on Google Chrome's V8 JavaScript Engine, so its library is very fast in
code execution.

3.2 I/O IS ASYNCHRONOUS AND EVENT DRIVEN

All APIs of Node.js library are asynchronous i.e. non-blocking. So a Node.js based server
never waits for an API to return data. The server moves to the next API after calling it
and a notification mechanism of Events of Node.js helps the server to get a response from
the previous API call. It is also a reason that it is very fast.

3.3 SINGLE THREADED

Node.js follows a single threaded model with event looping.

4
3.4 HIGHLY SCALABLE

Node.js is highly scalable because event mechanism helps the server to respond in a non-
blocking way.

3.5 NO BUFFERING

Node.js cuts down the overall processing time while uploading audio and video files.
Node.js applications never buffer any data. These applications simply output the data in
chunks.

3.6 OPEN SOURCE

Node.js has an open source community which has produced many excellent modules to
add additional capabilities to Node.js applications.

3.7 LICENSE

Node.js is released under the MIT license.

5
 4. COMPANY PROFILE
Udemy.com is the world's biggest online learning platform. It is aimed at professional adults
and students.

Udemy have more than 30 million students who have access to over 30 million minutes of
content on Udemy. More than 50,000 instructors are teaching 130,000 courses in over 60
languages. There have been over 245 million course enrollments to date. Students and
instructors come from 190+ countries and 2/3 of students are located outside of the U.S.
Udemy also have over 4,000 enterprise customers and 80% of Fortune 100 companies trust
Udemy for employee upskilling (Udemy for Business). Students take courses largely as a
means of improving job-related skills. Some courses generate credit toward
technical certification. Udemy has made a special effort to attract corporate trainers seeking
to create coursework for employees of their company.

As of 2019, there are more than 130,000 courses on the website.

6
 5. PROJECT DETAILS
5.1 INTRODUCTION
Duck movie is full internet movie database website that provides information about millions
of films and television program as well as cast and crew .

5.2 LANDING PAGE

Fig.5.1 Landing page

<!DOCTYPE html><html><head>

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >

<link rel="stylesheet" type="text/css" href="/static/style1.css">

<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap"
rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Movie App</title>

</head>

7
<body>

<section >

<img src="/static/1.png" class="logo"> <br> <br>

<form action="/results" method="GET" class="d-flex justify-content-center">

<input class="box justify-content-center" type="text" name="search" placeholder="search a

<button type="submit" class="btn btn-secondary justify-content-center"> Search</button>

</form><span></span></section>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
></script><script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
></script></body></html>

5.3 RESULT PAGE

Fig. 5.2 Result Page

8
<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >

<link rel="stylesheet" type="text/css" href="/static/style1.css">

<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap"
rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Movie App</title>

</head>

<body>

<nav class="navbar navbar-light bg-light">

<a class="navbar-brand" href="/">

<img src="/static/1.png" width="70" height="40" class="d-inline-block align-top" alt="">

</a> <ul class="navbar-nav">

<li class="nav-item">

<form action="/results" method="GET" class="d-flex justify-content-center">

<input class="box justify-content-center" type="text" name="search" placeholder="search

<button type="submit" class="btn btn-secondary justify-content-center"> Search</button>

</form></li></ul></nav>

<div class="container">

<strong>some movie may don't have images beacuse they don't allowed us to use
them</strong><div class="row">

<% data["Search"].forEach(function(movie){ %>

<a href='movie?imdbid=<%= movie["imdbID"] %>'>

9
<div class="col-sm">

<div class="card" style="width: 18rem;">

<img class="card-img-top" src='<%= movie["Poster"] %>' alt="Card image cap">

<div class="card-body">

<p class="card-text">

<b><%= movie["Title"] %></b> - <%= movie["Year"] %>

</p></div></div></div></a><% }) %></div></div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
></script></body>

</html>

5.4 DETAIL PAGE

Fig.5.3 Detail Page

<!DOCTYPE html><html><head>

10
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >

<link rel="stylesheet" type="text/css" href="/static/style1.css">

<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap"
rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Movie App</title>

</head>

<body>

<nav class="navbar navbar-light bg-light">

<a class="navbar-brand" href="/">

<img src="/static/1.png" width="70" height="40" class="d-inline-block align-top"

<ul class="navbar-nav">

<li class="nav-item">

<form action="/results" method="GET" class="d-flex justify-content-center">

<input class="box justify-content-center" type="text" name="search" placeholder="search a

<button type="submit" class="btn btn-secondary justify-content-center"> Search</button>

</form></li></ul></nav>

<div class="container">

<strong>some movie may don't have images beacuse they don't allowed us to use
them</strong> <br> <br>

<div class="row spacingx d-flex justify-content-center">

<div class="col-m">

<img src='<%= mdata["Poster"] %>' class="img-thumbnail"> <br> <br></div>

<div class="col-m"><p>

Name: <%= mdata["Title"] %> <br> <br>

11
Released: <%= mdata["Released"] %><br> <br>

Runtime: <%= mdata["Runtime"] %><br> <br>

Genre: <%= mdata["Genre"] %><br> <br>

Director: <%= mdata["Director"] %><br> <br>

Writer: <%= mdata["Writer"] %><br> <br>

Actors: <%= mdata["Actors"] %><br> <br>

Plot: <%= mdata["Plot"] %><br> <br>

Language: <%= mdata["Language"] %><br> <br>

Country: <%= mdata["Country"] %><br> <br>

Awards: <%= mdata["Awards"] %><br> <br>

IMDB Rating: <%= mdata["imdbRating"] %><br> <br>

Production: <%= mdata["Production"] %><br> <br>

Website: <a href='<%= mdata["Website"] %>'> <%= mdata["Website"] %></a><br> <br>

</p></div></div></div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
></script>

</body></html>

12
 6. CONCLUSION
This website provides user access millions of movies and tv shows details from all around the
world and in different languages movies are added.

Due to the ease of use, anyone familiar with web application usage will find this website user
friendly.

Modeling the system in incremental way is quite useful, making the current version easier to
modify or expand so that the enhanced version can be deployed after testing and analyzing
the current version of the website.

The combination of Node.js with Express and MongoDB make the web pages load fast
enough and make it easier for the user to search and make the best use of the information.

Attractive and effective user interface of the website will encourage the visitor to return.

13
 7. REFRENCES
[1] https://en.wikipedia.org/wiki/Udemy

[2] https://www.britannica.com/topic/IMDb

[3] https://www.tutorialspoint.com/mongodb/index.htm

14