Pinpoint

Inspiration and what we built

As students, Pinpoint came out of a mutual want to get more out of our video-based course material. Upload any video and Pinpoint will find key sections as well as generate flashcards so you can deepen your understanding of video content!

Our tech stack

We used Python and Flask in the backend, integrating OpenAI's Whisper to extract video transcripts and Google Gemini to find sections and generate flashcard material. React.js and CSS was used for the frontend, along with Figma to build out the initial wireframe!

Challenges we ran into

We struggled with various errors when connecting the front and backend, and debugging in Python was hard as some group members were using it for the first time!

What we learned

For the frontend, we became more familiar with React and how to translate a Figma mockup into code. For the backend, we learned how to generate prompts and test functionality when using Gemini.

Things we are proud of and highlights

Working smoothly as a team despite it being our first time meeting each other!
Experimenting with new technologies like Gemini and Whisper to create AI-powered features.
Testing out different sleeping spots in the UBC Life Sciences building (to nobody's surprise, the couches are superior!)