MOVIE SEARCH ENGINE
WEBSITE
Submitted in the partial fulfillment for the award of
the degree of
BACHELOR OF SCIENCE
IN
[Link]. (Hons.) Mathematics
Submitted by: Under the Supervision of:
ALOK CHATURVEDI (22BMT70119) Dr. Naveen Mani
ABHINAV (22BMT70061)
JACK (22BMT700990)
Department of MATHEMATICS DISCOVER . LEARN . EMPOWER
1
OUTLINE
INTRODUCTION
PROGRESS IN THE PROJECT
METHODOLOGY
OUTCOME
QUALITY AND DEPTH OF WORK
DATA ANALYSIS & INTERPRETATION
CHALLENGES FACED
CONCLUSION
2
INTRODUCTION
• A movie search engine
allows users to search
for movies, view
details, and filter
results based on genres,
ratings, and other
criteria.
3
PROGRESS IN THE PROJECT
•Completed frontend design using HTML, CSS,
and JavaScript
•Successfully integrated with a movie API
(e.g., OMDb/TMDB)
•Functional movie search feature implemented
•Displays poster, movie name, and release year
dynamically
4
METHODOLOGY
•Step 1: Designed wireframes and layout for UI
•Step 2: Set up HTML/CSS structure
•Step 3: Fetched movie data using fetch() from API
•Step 4: Parsed JSON response to extract and display data
•Step 5: Added error handling and loading animations
5
PLANNED OUTCOME Vs ATTAINED
Feature Planned Attained
Search Movies ✅ ✅
Display Poster ✅ ✅
Show Name & Year ✅ ✅
Genre Filter ✅ ❌ (Planned for future)
User Ratings ✅ ❌ (Planned)
All core functions achieved successfully
6
🧠QUALITY AND DEPTH OF WORK
•Clean, minimalistic UI for better UX
•Modular JavaScript code for maintainability
•Responsive design for desktop & mobile
•Error messages and empty search handling
•Demonstrates clear understanding of async JS
and APIs
7
DATA ANALYSIS & INTERPRETATION
•Used API response data to extract:
-Title
-Year
-Poster image URL
•Analyzed results for:
-Valid/invalid searches
-Handling missing data
•Interpreted API limitations (e.g., request caps)
8
🚧CHALLENGES FACED
•API rate limits & key management
•Missing poster images in API response
•Search sensitivity (case and typo handling)
•CORS issues on local development
9
CONCLUSION
🔍 Summary 🚀 Impact
• Developed a fully functional • Demonstrates how APIs can
Movie Search Engine using bring real-world data into simple
HTML, CSS, JavaScript,Github web applications.
and a third-party API. • Lays the foundation for building
• Successfully implemented real- more advanced, scalable movie
time movie search and dynamic or media apps.
display of key movie details.
10
THANK-YOU
"Excited to hear your thoughts and feedback."
11