From 42447c60c00165cd931ca0afdf4b2ed1f9541501 Mon Sep 17 00:00:00 2001 From: anshul9809 Date: Mon, 31 Jul 2023 15:34:10 +0530 Subject: [PATCH] Final Commit --- css/styles.css | 271 ++++++++++++++++++++++++++++++++++++++++++++++ favorite.html | 0 img/icon2.png | Bin 0 -> 7986 bytes img/icon3.jpg | Bin 0 -> 14899 bytes img/imdb_icon.png | Bin 0 -> 5919 bytes img/notFound.png | Bin 0 -> 3034 bytes index.html | 52 +++++++++ js/script.js | 170 +++++++++++++++++++++++++++++ 8 files changed, 493 insertions(+) create mode 100644 css/styles.css create mode 100644 favorite.html create mode 100644 img/icon2.png create mode 100644 img/icon3.jpg create mode 100644 img/imdb_icon.png create mode 100644 img/notFound.png create mode 100644 index.html create mode 100644 js/script.js diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..9023b63 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,271 @@ +*{ + margin: 0; + padding: 0; +} +body{ + background-color: black; + color: white; +} +img{ + max-width:100%; + height: 100%; + aspect-ratio: 1; + transition: all ease-in-out 0.3s; +} +a{ + color: white; + text-decoration: none; +} +ul{ + list-style: none; +} +.flex{ + display: flex; +} + +.movies-grid img{ + border-radius: 10px; +} + +#favorites{ + display: none; +} + +/* starting with header */ +header{ + background-color:#0f0f0f; + box-shadow:0px 0px 5px white; + height: 70px; + width: 100%; + display: flex; + justify-content: center; + border-radius: 5px; + position: fixed; +} +.head-container{ + width: 95%; + justify-content: space-between; +} +header .brand{ + width: 100px; + height: 100%; +} +header .menu-parent{ + width: 50%; + justify-content: space-between; +} +header .menu-parent .search-movie{ + width: 70%; + justify-content: center; + align-items: center; + position: relative; +} + +header .menu-parent .search-movie input{ + padding:.5rem ; + position: relative; + background-color: white; + text-indent: 0.3rem; + width: 100%; + border: none; + padding-right: 2.2rem; + border-radius: 5px; +} +header .menu-parent .search-movie input:focus{ + outline: 2px solid white; + box-sizing: border-box; + box-shadow: 0px 0px 35px white; + font-family: 'Times New Roman'; + font-size: 15px; + letter-spacing: 0.5px; + font-weight: 500; + +} +header .menu-parent .search-movie button{ + position: absolute; + border: none; + color: black; + background-color: white; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + right: 0px; + padding: 0.5rem; +} + +header .menu-parent .wishlist, +header .menu-parent .profile{ + align-items: center; + padding: 0.3rem; + font-size: 20px; + word-spacing: 5px; +} +/* header completed */ + +/* starting with the movie container */ +.movies-grid-container{ + width: 100%; + justify-content: center; + padding-top: 100px; +} +.movies-grid{ + width: 90vw; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 1rem; +} +.movies-grid li{ + min-width: 24vw; + min-height: 300px; + /* max-height: 300px; */ + margin: 15px 2px; + padding: 5px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: white; + margin-top: 15px; +} +.movies-grid li h3{ + padding: 10px; + text-align: center; +} +.movies-grid li img{ + width: 100%; + height: 70%; +} +.movies-grid .btn-div{ + width: 100%; + /* background-color: green; */ + text-align: center; + /* margin-top: 10%; */ + padding: 0.5rem; +} + +.movies-grid li:hover { + box-shadow: 0px 0px 3px grey; +} +.movies-grid li button { + margin-top: 10px; + width: 50%; + line-height: 20px; + background-color: white; + padding: 0.3rem; + border-radius: 20px; + transition: 0.3s; + border: none; + font-weight: bold; + cursor: pointer; +} +.movies-grid li button:active { + background-color: black; + color: white; +} + +.movies-grid .poster{ + justify-content: space-around; + flex-direction: row; + width: 100%; + padding: 10px; +} +.movies-grid .poster .movie-poster{ + width: 30%; + height: 100%; + border-radius: 10px; + overflow: hidden; +} + +.movies-grid .poster .movie-poster img{ + width: 100%; + height: 100%; +} +.movies-grid .poster .movie-info{ + width: 60%; + padding: 10px; + justify-content: center; +} + +.movies-grid .poster .movie-info .container{ + color: white; + width: 80%; + padding: 20px; +} +.movies-grid .poster .movie-info .container > *{ + padding: 5px; + margin: 5px; + font-size: 20px; +} +.movies-grid .poster .movie-info .container .movie-title{ + color: white; + font-weight: bold; + font-size: 25px; + background-color: #0f0f0f; +} + + +.movies-grid .poster .movie-info .container .rated{ + background-color: var(--yellow-color); + padding: 0.4rem; + margin: 0 0.4rem; + border-radius: 3px; + font-weight: 600; +} +.movies-grid .poster .movie-info .container .released{ + font-size: 0.9rem; + opacity: 0.9; +} +.movies-grid .poster .movie-info .container .writer{ + padding: 0.5rem; + margin: 1rem 0; +} +.movies-grid .poster .movie-info .container .genre{ + background-color: var(--light-dark-color); + display: inline-block; + padding: 0.5rem; + border-radius: 3px; +} +.movies-grid .poster .movie-info .container .plot{ + max-width: 400px; + /* margin: 1rem auto; */ +} +.movies-grid .poster .movie-info .container .language{ + color: var(--yellow-color); + font-style: italic; +} +.movies-grid .poster .movie-info .container .awards{ + font-weight: 300; + font-size: 0.9rem; +} +.movies-grid .poster .movie-info .container .awards i{ + color: var(--yellow-color); + margin: 1rem 0.7rem 0 0; +} + + +/* for responsive desgin */ + +@media(max-width:920px){ + header .menu-parent{ + width: 70%; + } +} + +@media(max-width: 660px) { + + .wishlist .label-text{ + display: none; + } + .movies-grid li{ + width: 100%; + } + .movies-grid .poster{ + flex-direction: column; + } + .movies-grid .poster .movie-poster{ + width: 100%; + } + .movies-grid .poster .movie-info{ + width: 100%; + } +} \ No newline at end of file diff --git a/favorite.html b/favorite.html new file mode 100644 index 0000000..e69de29 diff --git a/img/icon2.png b/img/icon2.png new file mode 100644 index 0000000000000000000000000000000000000000..4a61cd5396a2e3ab0845206a6b35d1d0f3196535 GIT binary patch literal 7986 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 literal 0 HcmV?d00001 diff --git a/img/notFound.png b/img/notFound.png new file mode 100644 index 0000000000000000000000000000000000000000..bb149dc424c4976bfa9967f943bd1c1f8d8b5cc6 GIT binary patch literal 3034 zcmV<03nlc4P)8f%0YV^K;CP-2#d1BjkALONqrm0MJZ z1L%xZk)9wX(R-F3mrf8$lq=*C9^DMip5C;&aJ0rvxi&6Iz zo*<_1&a-IWl!!fyPdTF9CWt9?#xe;-WfKa9IDi=7M~E?2Ws+2VfTZRb;s6HE3c-vL z!~w*k;Ry8Ydz0Ju`eld@*wwRaPOldg;sClDJTnG#^G3u0d`un6gaG+tDX(+?3X94= zWJh_M|4?qSw9d(@Ly12VKZqa7ftS|VC#5!!nFajjN4}_kC<|U%=gJsMMu*6-$cw*W ztkODDDvf9Pk{~?VpUh~Cby$2;4$ia6>g>C!{aZ*1e1u%Hlll!)ts}Sli=PdH9!a94;A~aag88b6_V?DPo z;}>D_1+i~+2ywrB~;8Wugza?&hMGP!ZH6rHg)vgcVv#dV~qYrE>-iWb1gv;11t zZfnMp8_&8~j#xI4XBE}?Wv#G;XUUroiiicCL-}spN2G#0 z--XoSe3v>Dl^30W+j*9k)>pXh&b9+#d~bbAEp<}bc~)upTRe-co%4tTe+=@heOm}6 zE;r*&ulFqb_hfFF8{^c$yx0YCn9@A%D>#U(noQS9K_=b7lo&7T4odzMDI=^M+| zt-{)-|5lM_mDKrfNgdil-4`9?{W{8T=e~w7P92D=*bv$+vSO%|8e~UN-&^Y>-Nx-% zh@*_(%6nE}okJ_kI~wWxT{et{A+(s5561FAUNWdCUpb53svCwyb=H3+Q_u1j6NI{8 zZgj@72$ify(FS6SpK7q9nDXeYoUuyl%$UEMB>a+K(CipI3$T}D#X+96Q&(>gt4PVv zuqdmu^DI(zM@W$T=!|9YF3AekIyaZF;tEYL_f{dmm({t~u%OW*H})GANn7a+wo%b< z%ENm^4U3XG(=gp3E~y81D}Zt8aGzuiSZ*c#TSciuNu9lC`4~onK{I0<;2)B#v|N2e zr~Lq5Oy|F$6&4qb|IxLkJ`H_w!-BGk8JA-Oe)6M_SsIf`*1$ltZ{bIZla2*FLp$_dUsf(FUFs0Go1Yknu=7hB7P9lV zZc>yN!^v!nJndMuns#!cJ#)QD>d#al&wx5!qKp-&e63y)UUA5GGj2- ze777WyRYc{tgG^PMn4c{ zOjrPa<9fr=I=hAi?dA5g0P@9{#62Oxo)}V6=P1A%DHbuC-Ry_5Yo7X#eig&ljM|z! zp|+cu9h>i6m)S{EUT3`L-xzV*icCCgIReC0|dt_HIZ8B)B=3u$^AJUh9QT5g2S|HfZEg zHjKeblIxA^#x9R2A*E6Wwo>mWA=Zr7;w+o9(*J8Sua%lfa}yu6)Vxz)QmQjwU6s17 zS}3BbE!VHZlk>+^DYfHV>>GJj>#2HcxR_30t39j!U4@@Ze7j(GY8lOe(i-c`Z%S;M z_A0hq9@S+vSNo5{b^i8tl2jXI%NuR1`g%HDMe{b_9_DiiJ!`$eaigY3ZR9`oo;Mq9 zEKy5itlfO7E7lX~av_0mdn+3yF}aQKkztp4=Is<-=3FxHv3OEqEHKSGz3nn>pEev|`^XQ{KA z)Mv42ciaDLXCJd|OBS=)pM%ij>n6cibG25Rvw~2r2P(f_INVNQ2^)M0JsoVOstv}v zsiQGgBj43ZX8#E8Ja`+vNN@4WXgo`;>Y19TO>t4e_$oR)n#bQq>shOvSm<#! zSG(mBc-Ks>_2=QBZE=KQShq(V*Q8hwa?zjP7|RSpI2P)N&cD>|2VGPo9rK<^0x~HVeTKzfncngI-S&}QJcl~qxslg|D5&cnyF8H>{Dvr&}J`M?IdUZ zrH7sPYA81)KJ9S|jzN5;H@irAfI8N^ObUDi%H+e`(8#YNqw5J-6S-z= zP1ZUb)5)4OA*K*LYlPTVm@%B~3^PU$2e9W^ zRo{?^cZkDqgji!SdjnIbbb&n)(}{sxu{G0x@Qd5H!{Z2>~9U3I|HW6ryL1kZ|n|^zvZ|DL!Hv?=yHWhzaZu!>Yd( zVjr=dH3Bifj}UkDJ=Emg7x}@NTZlV!Z literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..30a8fe2 --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + + IMDB + + + + + +
+
+ + + + + +
+ +
+ + +
+
    + Wishlist is empty + +
+ +
+ + + + + \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..1440241 --- /dev/null +++ b/js/script.js @@ -0,0 +1,170 @@ +const api = "https://www.omdbapi.com/"; +const api_key = "2c8877ec"; + +let favoriteList = []; +const movies_grid = document.getElementById("movies-grid"); +const searchBar = document.getElementById("search"); +const movieGrid = document.getElementById("movies-grid"); +const wishlist = document.getElementById("wishlist"); +let favouritesI = document.getElementById("favorites"); + +wishlist.addEventListener('click', showFavorites); + +// to search for movies on putting input +async function searchMovies(searchTerm){ + const URL = `${api}?s=${searchTerm}&apikey=${api_key}`; + const res = await fetch(`${URL}`); + const data = await res.json(); + if(data.Response == "True"){ + showMovies(data.Search); + } +} + +//to get input from text box and pass it to search from API +function loadMovies(){ + var searchTerm = searchBar.value; + searchMovies(searchTerm); +} + +//display the movies from which user can select +function showMovies(moviesList){ + movieGrid.innerHTML = ""; + for(let i=0; i < moviesList.length; i++){ + let movieItem = document.createElement("li"); + movieItem.dataset.id = moviesList[i].imdbID; + let poster = "img/notFound.png"; + if(moviesList[i].Poster != "N/A"){ + poster = moviesList[i].Poster; + } + movieItem.innerHTML = ` +
+

${moviesList[i].Title}


+
+
+ +
+ `; + + movieGrid.appendChild(movieItem); + + } + showDetails("movies"); +} + +//get the id of selected movie and pass it to get the details of that id from API +function showDetails(caller){ + const movieDetails = document.querySelectorAll(".movie-poster"); + movieDetails.forEach(movie => { + movie.addEventListener("click",async () =>{ + const result = await fetch(`${api}?i=${movie.id}&apikey=${api_key}`); + const details = await result.json(); + if(details.Response == "True"){ + displayMovieDetails(details, caller); + } + }) + }) + +} + + +//display the detials of selected id +function displayMovieDetails(details, caller){ + let myBtn = ``; + if(caller == "movies"){ + myBtn = ``; + } + movieGrid.innerHTML = ` +
  • +
    + poster of movie +
    +
    +
    +

    ${details.Title}

    +
    Year: ${details.Year}
    +
    Ratings: ${details.Rated}
    +
    Released: ${details.Released}
    +
    Genre: ${details.Genre}
    +
    Writer: ${details.Writer}
    +
    Actors: ${details.Actors}
    +
    Plot: ${details.Plot}
    +
    Language: ${details.Language}
    +
    ${details.Awards}
    + +
    + ${myBtn} +
    +
    + +
    +
  • + `; +} + +//add the id to wishlist array +function addWishlist(element){ + for (let i = 0; i < favoriteList.length; i++){ + if (favoriteList[i] == element.id) { + alert("Already in Favourite List"); + return; + } + } + favoriteList.push(element.id); + alert("added"); +} + + +//remove the id from wishlist array +function removeFromWishlist(movie){ + let index = favoriteList.indexOf(movie.id); + if (index > -1) { + favoriteList.splice(index, 1); + } + console.log(favoriteList.length); + printFavourites(); +} + +//to display the wishlist grid wise +function printFavourites(){ + movieGrid.innerHTML = ""; + if(favoriteList.length == 0){ + favouritesI.style.display = "block"; + } + else{ + favoriteList.forEach(async movie => { + const result = await fetch(`${api}?i=${movie}&apikey=${api_key}`); + const details = await result.json(); + if(details.Response == "True"){ + let movieItem = document.createElement("li"); + movieItem.dataset.id = movie; + let poster = "img/notFound.png"; + if(details.Poster != "N/A"){ + poster = details.Poster; + } + movieItem.innerHTML = ` +
    +

    ${details.Title}


    +
    +
    + +
    + `; + movieGrid.appendChild(movieItem); + } + + }) + showDetails("wishlist"); + } +} + +//preventing default click and setting off to show the wishlist +function showFavorites(event){ + event.preventDefault(); + printFavourites(); +} + + + + + +