AI-powered Manim video generator with a React frontend and Flask backend. Devpost: https://devpost.com/software/visiomath-a18ef4
- Navigate to the backend directory:
cd backend- Install Python dependencies:
pip install -r requirements.txt-
Install ffmpeg (required by Manim):
- Windows:
choco install ffmpegor download from https://ffmpeg.org/ - Add to PATH if necessary
- Windows:
-
Create a
.envfile in the backend directory:
GEMINI_API_KEY=your_api_key_here
- Start the Flask server:
python app.pyThe backend will run on http://localhost:5000
- Navigate to the frontend directory:
cd frontend- Install Node dependencies:
npm install- Start the React development server:
npm startThe frontend will run on http://localhost:3000
- Make sure both backend and frontend servers are running
- Open
http://localhost:3000in your browser - Enter a topic (e.g., "math", "physics", "shapes")
- Describe the animation you want in the prompt field
- Click "Generate Video"
- Wait for the video to be generated and rendered
- View the video and optionally inspect the generated Manim code
POST /api/generate- Generate a video from a promptGET /api/video/<filename>- Serve video filesGET /api/script/<filename>- Serve script filesGET /api/health- Health check endpoint