🎬 MagicMovies Case Study

A case study project showcasing the design, architecture, and implementation of the MagicMovies web application. This project highlights generation of stunning images via midjounery.

---

✨ Key Features

🧱 Create Movies

• You can Create movies with a modular structure.
• Each movie consists of multiple scenes representing major narrative sections.

🎞️ Scene & Sequence Management

• Scenes are further broken into sequences.
• Allows granular control of each moment in your story.
• Organize stories like a professional screenplay, from opening shots to climactic moments.

🖊️ Prompt-Based Generation

• Add prompts for each sequence to describe visuals, mood, or actions.
• Prompts can be:
  • ✏️ Edited
  • ❌ Deleted
  • ➕ Added dynamically

🧠 AI-Powered Visuals (MidJourney Integration)

• Generate stunning images from prompts using MidJourney.

🧩 Student Task: Implement Drag and Drop (DnD) functionality to reorder prompt items dynamically.

---

📦 Installation

# Clone the repository
git clone https://github.com/ehsaantech/magicmovies-case-study.git
 
# Navigate into the project directory
cd magicmovies-case-study
 
# Install dependencies
npm install

---

🚀 Getting Started

Start the development server with one of the following:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Then open your browser and navigate to:
👉 http://localhost:3000