DEV Community

Cover image for Creating a Movie Portal with AI: Using Laravel & Nuxt.js
syed kamruzzaman
syed kamruzzaman

Posted on

Creating a Movie Portal with AI: Using Laravel & Nuxt.js

Welcome to this tutorial where we will be diving deep into the creation of a movie portal leveraging the power of AI. Using Laravel for the backend and Nuxt.js for the frontend, we'll craft an application that turns your story ideas into movie-centric data.

App Preview on Youtube [too short video]
Preview

Overview of the Movie Portal:

Frontend View: The main feature is a form page. This page includes a textarea where you can type in your story / idea. Once submitted, an AI API will process this story.

Image description
AI Form

AI's Response: The AI will generate:

  1. A movie title related to the story
  2. A short description related to the story
  3. AI Generate Image related to the story

Data Storage: The subsequent page will display the generated information. Upon a final submission, this data will be saved in the database, redirecting you to the movie portal's homepage. Like this

Image description

We'll divide our tutorial into the following tasks:

Creating the API # [Tutorial-1]
Configure AI Prompt # [Tutorial-2]
Designing the UI # [Tutorial-3]
Setting up on an Linux Server # [Tutorial-4]

Let's embark on this exciting journey!

API Trace View

Struggling with slow API calls? 👀

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay