Chitra Maya
Chitra Maya
A Comprehensive
Movie Search Platform
ChitraMaya: Your ultimate movie hub
Search Function: The search functionality in ChitraMaya allows users to quickly find
movies by typing in the title. It's designed to be intuitive, offering suggestions as you
type, ensuring you can easily locate the exact movie you're looking for.
Genre Feature: Chitramaya categorizes movies into various genres such as Action,
Comedy, Drama, Sci-. This feature helps users browse and discover movies based on
their preferred genre, making it easier to find films that match their interests.
Rating Feature: The rating feature provides users with information about the movie's
ratings, such as audience scores and critic reviews. This helps users make informed
decisions about which movies to watch based on their quality and popularity.
1.Retrieve User Input:
Search Functionality
•Search Query: The function gets the search input
from the user
•converts it to lowercase for a case-insensitive search.
2.Filter Movies:
•The function iterates over the array of movies and
applies three filters:
•Title Match: Checks if the movie title includes the
search query.
•Returns movies that meet all these criteria.
3.Display Filtered Movies:
•Calls the display movie function stores the data in an array
User experience:
•Search Experience: Users can quickly find movies by typing
keywords in the search bar.
•Refined Results: Genre and rating filters help users
narrow down results to match their specific preferences.
•Seamless Navigation: The dynamic update of the movie
list provides a smooth and responsive browsing experience
Genre and Rating functionality
Genre Filter:
•The genre filter allows users to select a
specific movie genre from a dropdown menu
•It compares the genre of each movie in the
dataset with the selected genre.
•If no genre is selected (i.e., the genre filter is
empty), all movies are included.
Rating Filter:
•The rating filter lets users specify a minimum
rating for the movies they want to see.
•It ensures that only movies with a rating
equal to or higher than the selected rating are
included.
•If no rating is selected (i.e., the rating filter is
empty), all movies are included regardless of
their rating.
Additional Feature:
One of the standout features of ChitraMaya is
the detailed movie page. When users click on a
movie card, they are seamlessly taken to a new
page that provides an in-depth look at the
selected movie.
How It Works:
Interactive Movie Cards: Each movie card on
the main page is designed to be interactive.
Clicking on a card triggers an event that gathers
all the necessary movie details.
Redirection to Detail Page: The user is then
redirected to a dedicated movie page. This page
contains comprehensive information about the
movie, including the title, genre, rating,
director, release year, and a detailed
description.
Roles of the team members
Rishab:
1.Created a Github repository
2. Created a new page that reloads when the movie page is clicked using html.
3. Also write the js part for the new page when clicked on movie card.
Priyanshu:
1.Write the js part for the search function, and movie suggestion.
2. Written the part of the css with the coordination of tanishq.
3. Also helped in json part.
Tanishq:
1.Done html structure of project.
2.Css for search bar.
Aditya:
1.Write the part for movie recommendation in json .
2.Also write the js part .
Jay:
1.Done the html part for the 20 move box.
2.Helped in js and css part.
Conclusion