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!

Top comments (0)