SDGLearn | Devpost

homePage
homePage-2
howItWorks
videosGenerated
SDG-Tracker
SDG-Modal
SDG-Modal-2
MongoDB-Gemini-AI-ChatBot

Inspiration

We noticed how hard it can be to engage people with the UN’s 2030 Agenda, especially younger audiences used to quick, visual content like TikTok.
We wanted to make learning about the SDGs fun, interactive, and accessible for everyone, turning complex topics into short, AI-generated reels.

What it does

Lets users ask questions or pick SDGs and get AI-generated scripts, text overlays, and narration.
Combines uploaded videos with AI narration and dynamic captions to create short, shareable reels.
Offers tools to track progress visually.
Has a built-in assistant to answer SDG-related questions on demand.

How we built it

Frontend in React for a dynamic user experience.
Backend in Flask to manage API requests and processing.
Used Replicate AI API to generate scripts and text-to-speech narration.
MoviePy to merge videos, overlays, and narration into complete reels.
MongoDB Atlas for storing video data and user content.
Styled everything with TailwindCSS to keep it clean and modern.

Challenges we ran into

Figuring out how to connect the React frontend to MongoDB in a secure and scalable way.
Generating full TikTok-like reels automatically (timing text, narration, captions, and visuals).
Understanding FFmpeg and MoviePy to merge audio, text overlays, and video seamlessly.

Accomplishments that we're proud of

Building an end-to-end AI pipeline that goes from user question to finished video.
Designing an interface that makes complex AI tools feel easy and fun.
Creating engaging sample content about the SDGs that anyone can watch or build on.

What we learned

How to combine different AI tools and libraries (script generation, TTS, video editing).
Best practices for structuring a full-stack app connecting React, Flask, and MongoDB.
Techniques for making educational content more appealing and shareable.