with abundance of content in social media, it becomes a necessity to get a web that summarizes the video for users. however, there are many platforms that do that. yet none of them is designed for students and education purposes. Therefore, i created a web that enable students to get the quick summary of lectures and interact efficient with an AI model to answer the users' inquiries and questions.
I learned about Gemini API and use it to create the web. then if the user pass a YouTube URL directly and get a structured educational breakdown. I also deepened my understanding of React and TypeScript. finally I learn to hide the API in a hidden file or hidden environment so it can not e access by attackers
I built EduLens with React, TypeScript, and Vite on the frontend. All AI functionality runs through Gemini 2.5 Flash. When a user pastes a video URL, the app sends it directly to Gemini with a structured prompt that returns a full JSON breakdown with title, summary, quiz questions, flashcards, and a timeline. That same context is then injected into every chat message so the AI tutor can answer follow-up questions accurately without re-analyzing the video. The entire UI is custom CSS with no component libraries.
Built With
- ai
- css
- gemini
- react
- sdk
- typescript
- vercel
- vite
Log in or sign up for Devpost to join the conversation.