Group Members

Shoaib Ahmed (Fall-2022-275)

Muhammad Umair (Fall-2022-274)
Mishal Akbar (Fall-2022-265)
Rukhsaar Sikander (Fall-2022-283)
Muhammad Hassaan (Fall-2022-262 )
 Table of Contents.

Project Introduction Tech Stack

Project Features Conclusion

 PROJECT
INTRODUCTION
Film Fusion is your go-to app for movie recommendation based on users rating and reviews.
With Film Fusion, you can:

• Give Reviews: Share your thoughts on movies you've watched and contribute to our
vibrant community of movie enthusiasts.
• See Top-Rated Movies: Explore the highest-rated films as reviewed by users like you.
• Access Detailed Information: Dive deep into detailed information on movies spanning all
genres and eras, ensuring you're always informed about your next watch.

Discover, review, and enjoy like never before with Film Fusion.
TECH STACK
Frontend:

• HTML5: For structuring the content on the web pages.

• CSS: For styling the application, ensuring a visually appealing and responsive
design.

• JavaScript (JS): For interactive and dynamic elements on the frontend.

Backend:

• Node.js: A JavaScript runtime for building scalable and efficient server-side

applications.

• Express.js: A web application framework for Node.js, used to build the backend
API and handle HTTP requests and responses.
Database:

• MongoDB: A NoSQL database for storing user reviews, movie data, and other
application related information.

• Mongoose ODM: An Object Data Modeling (ODM) library for MongoDB and
Node.js, schema-based solution to model application data.
PROJECT FEATURES
 LOGIN PAGE
• This is First Page of Film Fusion app. The form
includes fields for entering a username and
password, a 'Login' button, and a link to create a
new account.
• The top banner displays the Film Fusion logo and
tagline "Your movie hub."
CREATING NEW ACCOUNT
The account creation page provides a centered form for
new users to sign up. The form includes fields for
entering a username and password, along with a
prominent 'Signup!' button, while a 'Login' button is
available in the top-right corner for existing users.
ADMIN LOGIN
The admin login page allows administrators to
enter their username and password and click
"Login" to access the admin dashboard. If the
credentials are correct, access is granted;
otherwise, an error message prompts a retry.
ADD MOVIE
After logging in to the admin page, fill in the "Title,"
"Genre," and "Release Date" fields with the relevant
movie information. Once the details are entered, click
the "Add Movie" button to submit the movie to the
database. Only admins access this page and add
movies.
HOME PAGE
The home page of the Film Fusion application features
a search bar for finding movies, a section displaying
"Top Movies" with their titles, ratings, genres, and
release dates, and a "Your Reviews" section where
users can update or delete their reviews. This layout
allows users to easily discover top-rated movies and
manage their own movie reviews.
UPDATE YOUR REVIEWS
This page features a dialog box for submitting or
editing a movie review. Users can input a numerical
rating and write their review in the provided text area.
Clicking the "Submit" button saves the review, while
the "Close" button dismisses the overlay without
saving changes. This interface allows for easy addition
or modification of movie reviews.
SEARCHING OF MOVIE
The page allows users to search for movies using
the search bar, displaying details such as title,
genre, release date, and rating. Users can add
reviews by clicking the "Add Review" button,
submitting their ratings and comments. The "Movie
Reviews" section displays existing reviews for the
selected movie, showing the reviewer’s username,
rating, and comments. This facilitates easy
searching and reviewing of movies, contributing to a
community-driven review database.
ADDING REVIEW
To add a review, users click the "Add Review"
button to open a pop-up form. They enter a rating
and write their review, then click "Submit" to save it,
which displays the review in the "Movie Reviews"
section. The "Close" button allows users to exit the
form without submitting. This feature enables easy
submission and display of user reviews and ratings
for movies.
CONCLUSION
 Summary of the Project and Its Outcomes

Film Fusion represents a comprehensive movie recommendation system built on robust

technologies such as Node.js, Express, MongoDB with Mongoose, and frontend technologies like
HTML5, CSS, and JavaScript. Through the implementation of filtering algorithms and user-based
interactions, Film Fusion delivers movie recommendations. Users can seamlessly navigate the
platform, from signing up or logging in to exploring and reviewing movies. The system’s ability to
scale with growing user data ensures continuous adaptation to evolving user preferences over
time. Film Fusion not only enhances the movie watching experience by providing relevant
suggestions but also fosters community engagement through user-generated reviews and
interactions
Thank you!
Do you have any questions?