DEV Community

Cover image for MERN Project: Movie Portal with AI- using Node & Next.js
syed kamruzzaman
syed kamruzzaman

Posted on

MERN Project: Movie Portal with AI- using Node & Next.js

Welcome to this tutorial. In this tutorial, we are making MERN Project.

Overview of Project:
Frontend, we used NextJs and Backend used Node. This Project's main feature is, that we are using AI to make a movie portal.
Like In Frontend, We have a form to connect Ai. We Type our idea or story in this form, and then AI will generate 3 things.

  1. Movie Title
  2. Movie Description
  3. Title and Description wise image

Then we saved this information in our database, like MongoDB.

For doing easy our project, we separated Five parts in this project. These are

  1. Making API Using Node and Express. Link
  2. Scaffolding redux-toolkit in NextJs. Link
  3. API Setup in NextJs. Link
  4. AI Prompt setup on Nextjs. Link
  5. Deploy A NextJs App and Node API on a Linux Server. Link

Here this project short video and pictures.

Vidoe Link

Image description
Form Page

Image description
AI Result Page

Image description
Home page

Top comments (0)