Text to Diagram: Using Vercel AI SDK, Next.js, and React Flow

Project Description

Text to Diagram is a powerful web application that utilizes Vercel AI SDK, Next.js, and React Flow to convert textual information into interactive diagrams. This tool is ideal for educators, developers, and visual learners who seek an efficient way to transform written content into visual representations.

Features

• AI-Powered Text Analysis: Leverages Vercel AI SDK to parse and understand textual data.
• Interactive Diagrams: Utilizes React Flow for creating and manipulating flowcharts and diagrams.
• Modern Web Technology: Built with Next.js for a seamless and responsive user experience.

Getting Started

First, install dependencies:

npm install

Then, set the following environment variables in your .env.development.local:

GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
NEXTAUTH_URL=
OPENAI_API_KEY=
ALLOWED_EMAIL=

Then, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

License

This project is licensed under the MIT License.

Acknowledgements

Vercel AI SDK Next.js React Flow