Abstract
The Movie Finder App is a JavaScript-based web
application designed to fetch detailed information about
movies using the IMDb API. Developed with [Link] and
leveraging key packages like axios for making HTTP
requests and express for setting up the server, the app
provides users with an easy interface to search for movies
and retrieve comprehensive details such as the title,
release year, cast, plot summary, and ratings.
Users can enter a movie name, and the app sends a
request to the IMDb API to retrieve relevant data. The
fetched information is then displayed in a user-friendly
format. The app is lightweight, efficient, and scalable, with
the potential to integrate further features like movie
recommendations, actor biographies, and more.
Key features include:
Searching movies by title.
Fetching detailed movie information from IMDb.
Displaying results in a clean and intuitive interface.
The app serves as a foundation for more complex
entertainment-based services and showcases how to
interact with third-party APIs using [Link] and
JavaScript.
Frontend - HTML, CSS and Bootstrap
Backend - JavaSript, [Link]
ACKNOWLEDEMENT
I would like to express my special thanks of gratitude to
my teacher DR. Anand Sharma who gave me the golden
opportunity to do this amazing project on “MOVIE
SEARCH MASTER”, which also helped me in doing a lot
of research and I came to know about so many new things
I am really thankful to them.
Secondly, I would also like to thanks my parents and
friends who helped me a lot in finalizing this project within
the limited time frame.
SUMIT UPADHYAY
[Link]. (C.S.E.)
3rd year Sec. B
ROLL NO.- 2301090109007
CERTIFICATE
This is to certify that the project entitled “MOVIE SEARCH
MASTER” is bonafide work done by “Sumit Upadhyay” of
[Link]. 3rd year , session 2024-2025 in the partial fulfillment of
AICTE examination and has been carried out under my direct
supervision guidance.
SUPERVISED BY-
DR. ANAND SHARMA
H.O.D.(C.S.E.)
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Movie Search Master</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<div class="container">
<h1>Movie Search Master</h1>
<input type="text" id="searchInput" placeholder="Enter
movie title...">
<button id="searchButton">Search</button>
<div id="movieResults" class="results"></div>
</div>
<script src="[Link]"></script>
</body>
</html>
CSS
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
text-align: center;
}
.container {
margin: 20px auto;
padding: 20px;
max-width: 800px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
#searchInput {
padding: 10px;
width: 70%;
margin: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
#searchButton {
padding: 10px 20px;
background-color: #333;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#searchButton:hover {
background-color: #555;
}
.results {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.movie-card {
margin: 10px;
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
width: 200px;
text-align: center;
border-radius: 4px;
}
.movie-card img {
JAVA SCRIPT
const searchButton =
[Link]('searchButton');
const searchInput = [Link]('searchInput');
const movieResults =
[Link]('movieResults');
// Replace with your own OMDB API key
const API_KEY = 'your_omdb_api_key';
// Function to fetch movies from OMDB API
async function fetchMovies(query) {
const response = await
fetch(`[Link]
KEY}`);
const data = await [Link]();
return data;
}
// Function to display movies in the results section
function displayMovies(movies) {
[Link] = ''; // Clear previous results
if ([Link] === 'False') {
[Link] = `<p>No movies found. Please
try again.</p>`;
return;
}
[Link](movie => {
const movieCard = [Link]('div');
[Link]('movie-card');
[Link] = `
<img src="${[Link]}" alt="${[Link]}">
<h3>${[Link]}</h3>
<p>${[Link]}</p>
`;
[Link](movieCard);
});
}
// Event listener for the search button
[Link]('click', async () => {
const query = [Link]();
if (query) {
const data = await fetchMovies(query);
displayMovies(data);
} else {
[Link] = '<p>Please enter a movie title
to search.</p>';
}
});
// Optional: Add functionality for Enter key press to search
[Link]('keypress', (e) => {
if ([Link] === 'Enter') {
[Link]();
}
});
width: 100%;
height: auto;
border-radius: 4px;
}
.movie-card h3 {
color: #333;
}
.movie-card p {
color: #777;
}
ER DIAGRAM
BIBLIOGRAPHY
Books:
Flanagan, D. (2020). JavaScript: The Definitive Guide. O’Reilly Media.
Resig, J., & Bibeault, B. (2023). Secrets of the JavaScript Ninja. Manning Publications.
Crockford, D. (2008). JavaScript: The Good Parts. O’Reilly Media.
Articles:
Eich, B. (2019). "JavaScript's Evolution: A Modern Perspective." Web Development
Journal, 14(2), 10–20.
Roberts, T. (2021). "Efficient Algorithms in JavaScript for Real-Time Data."
Programming Today, 6(4), 38–45.
Web Resources:
MDN Web Docs. (n.d.). JavaScript Guide. Retrieved from
[Link]
ECMAScript. (2024). ECMAScript Language Specification. Retrieved from
[Link]
W3Schools. (2024). JavaScript Tutorial. Retrieved from [Link]
Libraries and Frameworks:
React Developers. (2024). React Documentation. Retrieved from [Link]
Angular Team. (2024). Angular Documentation. Retrieved from [Link]
[Link] Developers. (2024). [Link] Guide. Retrieved from [Link]
APIs and Tools:
The Movie Database (TMDb). (n.d.). API Reference. Retrieved from
[Link]
RapidAPI. (2024). JavaScript APIs for Movie Search Applications. Retrieved from
[Link]
Datasets:
The MovieLens Dataset. (2024). GroupLens Research. Retrieved from
[Link]
TMDb Dataset. (2024). Retrieved from [Link]
INTRODUCTION
Recommender System is a system that seeks to predict or
filter
preferences according to the user’s choices.
Recommender
systems are utilized in a variety of areas including movies,
music,news, books, research articles, search queries,
social tags, and products in [Link]
systems are used to provide
personalizedrecommendations according to user profile
and previous behavior. Recommender systems are widely
used in the InternetIndustry. Services like Amazon, Netflix,
and YouTube are typicalexamples of recommender
system users. Recommender systemscannot only help the
users find their favorite products, but also bring potential
profit to online service providers
ABOUT THE PROJECT
The minor project has been developed on Movie
Recommender based on user profiles in effort to make it
as attractive anddynamic as possible. Compared to the
existing site a database has been added to our
[Link] first page provides links to register and sign in.
The Home page contains several information about the
recommended movie on the basis of user profile
of their interest.
PURPOSE
The aim of the minor project is to design a website which
containsinformation of the movies using Movie Lens data
set that shouldimprove efficiency of the movie
recommender to the user.
SCOPE
This type of web application is suitable for all type
moviesrecommendation. Separate division is provided to
maintain thelist of movies, rated movies list and
watched movie list.
CONCLUSION
In our project,
Collaborative filtering algorithm is used to predict user’s
movie rating, is selected in our project and divided into
training set and test set.
The Movie Lens dataset, which has 10million ratings, is
selected in our project and divided into trainingset and test
[Link] RMSE method is used for algorithm evaluation.
Accordingto evaluation result, our movie recommender
system has prettygood prediction performance.
Collaborative filtering algorithm is used to predict
user’s movie rating.
The Movie Lens dataset, which has 10million ratings, is
selected in our project and divided into trainingset and test
[Link] RMSE method is used for algorithm evaluation.
Accordingto evaluation result, our movie recommender
system has prettygood prediction performance.
