{"id":13212,"date":"2024-11-09T11:22:29","date_gmt":"2024-11-09T10:22:29","guid":{"rendered":"https:\/\/imaginario27.com\/?post_type=project&#038;p=13212"},"modified":"2024-11-09T11:22:29","modified_gmt":"2024-11-09T10:22:29","slug":"popchoice-ai-movie-recommender","status":"publish","type":"project","link":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/","title":{"rendered":"PopChoice &#8211; AI Movie Recommender"},"content":{"rendered":"<p>The PopChoice web application is built with Nuxt 3, TypeScript, Tailwind CSS, Supabase, and the OpenAI API. It allows users to discover personalized movie suggestions based on their preferences using advanced artificial intelligence technology. The app features a modern and attractive interface that makes it easy to input user preferences for precise recommendations.<\/p>\n<h2>Features and functionalities<\/h2>\n<ul>\n<li><strong>Personalized Movie Recommendations<\/strong>: Utilizes the OpenAI API to provide suggestions based on user preferences, such as favorite movie, mood, available time, and genre preference.<\/li>\n<li><strong>Responsive Design<\/strong>: Optimized for a seamless user experience on both desktop and mobile devices.<\/li>\n<li><strong>Advanced Technology<\/strong>: Employs OpenAI embeddings and Supabase&#8217;s vector database to find similarities with movies in an extensive database.<\/li>\n<li><strong>Dynamic Poster Retrieval<\/strong>: Displays movie posters retrieved from the TMDB API for a visually engaging experience.<\/li>\n<\/ul>\n<h2>Screenshots<\/h2>\n<p><a href=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen.jpg\" data-lbwps-width=\"1200\" data-lbwps-height=\"1012\" data-lbwps-srcsmall=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen-300x253.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-13202 lazyload\" data-src=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen.jpg\" alt=\"Splash screen - PopChoice - AI Movie Recommender\" width=\"1200\" height=\"1012\" data-srcset=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen.jpg 1200w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen-980x826.jpg 980w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-splashscreen-480x405.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1012;\" \/><\/a> <a href=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario.jpg\" data-lbwps-width=\"1200\" data-lbwps-height=\"1012\" data-lbwps-srcsmall=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario-300x253.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-13205 lazyload\" data-src=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario.jpg\" alt=\"Form screen - PopChoice - AI Movie Recommender\" width=\"1200\" height=\"1012\" data-srcset=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario.jpg 1200w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario-980x826.jpg 980w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-formulario-480x405.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1012;\" \/><\/a> <a href=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados.jpg\" data-lbwps-width=\"1200\" data-lbwps-height=\"1012\" data-lbwps-srcsmall=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados-300x253.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-13208 lazyload\" data-src=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados.jpg\" alt=\"Results screen - PopChoice - AI Movie Recommender\" width=\"1200\" height=\"1012\" data-srcset=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados.jpg 1200w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados-980x826.jpg 980w, https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas-resultados-480x405.jpg 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1200px, 100vw\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1012;\" \/><\/a><\/p>\n<h2>Demo<\/h2>\n<p>Using the app incurs costs due to token consumption, and the Supabase vector database automatically deactivates after a period of time (limitation of the free version). For this reason, a demo must be requested to showcase the app.<\/p>\n<h2>How to Use<\/h2>\n<ol>\n<li>Open the app in your web browser (once access has been granted).<\/li>\n<li>Enter your preferences, such as available time, favorite movie, desired mood, and genre (classic or new).<\/li>\n<li>Press the submit button to receive personalized recommendations.<\/li>\n<li>Explore the list of recommendations and view details and posters of the movies.<\/li>\n<\/ol>\n<h2>Repositorio<\/h2>\n<p>Discover the project on GitHub by clicking here: <a href=\"https:\/\/github.com\/Imaginario27\/scrimba-pop-choice\">PopChoice App<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The PopChoice web application is built with Nuxt 3, TypeScript, Tailwind CSS, Supabase, and the OpenAI API. It allows users to discover personalized movie suggestions based on their preferences using advanced artificial intelligence technology. The app features a modern and attractive interface that makes it easy to input user preferences for precise recommendations. Features and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13199,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[114],"project_tag":[],"class_list":["post-13212","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-front-end-web-development","clientes-imaginario27","formatos-horizontal-format","tecnologias-ai-artificial-intelligence","tecnologias-api-rest-en","tecnologias-html-en","tecnologias-javascript-en","tecnologias-nuxt-en","tecnologias-openai-en","tecnologias-supabase-en","tecnologias-tailwind-css-en","tecnologias-typescript-en","tecnologias-vue-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PopChoice - AI Movie Recommender - Imaginario27<\/title>\n<meta name=\"description\" content=\"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PopChoice - AI Movie Recommender - Imaginario27\" \/>\n<meta property=\"og:description\" content=\"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/\" \/>\n<meta property=\"og:site_name\" content=\"Imaginario27\" \/>\n<meta property=\"og:image\" content=\"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/\",\"name\":\"PopChoice - AI Movie Recommender - Imaginario27\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/popchoice-recomendador-ia-de-peliculas.jpg\",\"datePublished\":\"2024-11-09T10:22:29+00:00\",\"description\":\"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/#primaryimage\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/popchoice-recomendador-ia-de-peliculas.jpg\",\"contentUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/popchoice-recomendador-ia-de-peliculas.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"PopChoice - AI Movie Recommender\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/popchoice-ai-movie-recommender\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/projects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PopChoice &#8211; AI Movie Recommender\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/\",\"name\":\"Imaginario27\",\"description\":\"Porfolio de trabajos creativos\",\"publisher\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/#\\\/schema\\\/person\\\/772d8c794bad977a3d9ad0dcc0b9a3d5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/imaginario27.com\\\/en\\\/#\\\/schema\\\/person\\\/772d8c794bad977a3d9ad0dcc0b9a3d5\",\"name\":\"Imaginario27\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"url\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"contentUrl\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\",\"width\":1000,\"height\":1000,\"caption\":\"Imaginario27\"},\"logo\":{\"@id\":\"https:\\\/\\\/imaginario27.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/imaginario27-imagotipo.png\"},\"sameAs\":[\"https:\\\/\\\/imaginario27.com\\\/\",\"https:\\\/\\\/www.instagram.com\\\/imaginario27\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PopChoice - AI Movie Recommender - Imaginario27","description":"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/","og_locale":"en_US","og_type":"article","og_title":"PopChoice - AI Movie Recommender - Imaginario27","og_description":"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.","og_url":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/","og_site_name":"Imaginario27","og_image":[{"width":1600,"height":1200,"url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/","url":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/","name":"PopChoice - AI Movie Recommender - Imaginario27","isPartOf":{"@id":"https:\/\/imaginario27.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/#primaryimage"},"image":{"@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/#primaryimage"},"thumbnailUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas.jpg","datePublished":"2024-11-09T10:22:29+00:00","description":"PopChoice is an AI movie recommender that offers personalized suggestions based on your preferences, using Nuxt 3 and the OpenAI API.","breadcrumb":{"@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/#primaryimage","url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas.jpg","contentUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2024\/11\/popchoice-recomendador-ia-de-peliculas.jpg","width":1600,"height":1200,"caption":"PopChoice - AI Movie Recommender"},{"@type":"BreadcrumbList","@id":"https:\/\/imaginario27.com\/en\/projects\/popchoice-ai-movie-recommender\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/imaginario27.com\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/imaginario27.com\/en\/projects\/"},{"@type":"ListItem","position":3,"name":"PopChoice &#8211; AI Movie Recommender"}]},{"@type":"WebSite","@id":"https:\/\/imaginario27.com\/en\/#website","url":"https:\/\/imaginario27.com\/en\/","name":"Imaginario27","description":"Porfolio de trabajos creativos","publisher":{"@id":"https:\/\/imaginario27.com\/en\/#\/schema\/person\/772d8c794bad977a3d9ad0dcc0b9a3d5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/imaginario27.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/imaginario27.com\/en\/#\/schema\/person\/772d8c794bad977a3d9ad0dcc0b9a3d5","name":"Imaginario27","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","url":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","contentUrl":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png","width":1000,"height":1000,"caption":"Imaginario27"},"logo":{"@id":"https:\/\/imaginario27.com\/wp-content\/uploads\/2020\/05\/imaginario27-imagotipo.png"},"sameAs":["https:\/\/imaginario27.com\/","https:\/\/www.instagram.com\/imaginario27\/"]}]}},"_links":{"self":[{"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/project\/13212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/comments?post=13212"}],"version-history":[{"count":0,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/project\/13212\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/media\/13199"}],"wp:attachment":[{"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/media?parent=13212"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/project_category?post=13212"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/imaginario27.com\/en\/wp-json\/wp\/v2\/project_tag?post=13212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}