Skip to content

🌐 Draw Real Time AI - Instant, real-time text to image conversion with Excalidraw, WebSockets, Next.js, and Fal.ai

Notifications You must be signed in to change notification settings

saadazghour/DrawRealtimeAI

Repository files navigation

🎨 Draw Real Time AI

🌐 Draw Real Time AI - Instant, real-time text to image conversion with Excalidraw, WebSockets, Next.js, and Fal.ai

πŸš€ Introduction

Draw Real Time AI is a cutting-edge Application that harnesses the power of AI to generate real-time, visually engaging content directly from textual descriptions. Built using Next.js and integrated with Excalidraw and the Fal.ai serverless platform, this Application demonstrates the seamless blend of text to image transformation capabilities in a dynamic, user-driven environment.

Draw Real Time AI: Live Demo

Watch our application in action as it transforms text into images in real-time.

✨ Features

  • πŸ–ΌοΈ Real-Time Image Generation: Convert textual descriptions into high-quality images in real time.
  • 🎨 Interactive Canvas: Utilize Excalidraw for a fully interactive drawing experience.
  • πŸ€– AI-Enhanced Visuals: Leverage Fal.ai's AI capabilities for instant image rendering.

Getting Started

Prerequisites

Ensure you have the following installed:

  • 🟒 Node.js
  • 🧢 Yarn (Package Manager)

πŸ› οΈ Installation

  1. Clone the repository:

    git clone https://github.com/saadazghour/DrawRealtimeAI.git
  2. Navigate to the project directory:

    cd DrawRealtimeAI
  3. Install dependencies:

    yarn install

βš™οΈ Configuration

  • πŸ”§ Rename .env.local.example to .env.local.

  • πŸ”‘ Insert your Fal.ai API key in the .env.local file. You can find your API key on the Fal.ai Dashboard.

πŸƒ Running the Application

  • πŸš€ Execute the following command to start the application:

     yarn run dev

πŸ“ How It Works

  • πŸ“₯ Input your desired image description.
  • πŸ”„ The app processes the input using Fal.ai's real-time capabilities to generate an image.
  • πŸ–ŒοΈ The image is rendered on the Excalidraw Canvas, where further interactions can be made.

🀝 Contributing

  • Contributions are welcome!! Please fork the repository and submit pull requests to contribute. For major changes, please open an issue first to discuss what you would like to change. Please ensure to update tests as appropriate.

About

🌐 Draw Real Time AI - Instant, real-time text to image conversion with Excalidraw, WebSockets, Next.js, and Fal.ai

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published