Reals

• 

  Generating a thread

• 

  Viewing post in a thread

• 

  Answering a quiz question

Inspiration

Doom scrolling is a common habit. Instead of trying to remove it, we wanted to use it to learn. Turning mindless scrolling into thoughtful learning

What it does

Reals works similar to most social media platforms. You're met with a short form video with audio and text. However, the information being shown is educational depending on what your prompt choices are. Each "Real" is followed by a multiple choice question sheet about the previous Real that must be answered correctly in order to keep scrolling.

How we built it

Tech Stack

• Frontend Next.js and React for the webpage
• Storage Azure blob for videos and audio files
• Database MySQL for our database
• AI Integration We utilized multiple AI APIs to generate text, videos, and a voice over. (SoraAI, Groq API, ElevenLabs)

Architecture

1. User submits topic
2. Groq generates structured learning content with scripts and quizzes
3. Elevenlabs converts the script to an audio voice over
4. Audio files are uploaded to Azure
5. Sora generates corresponding video content
6. All assets are linked in MySQL for storage and playback

Challenges we ran into

We faced many challenges including, files not storing properly in blob storage, compatibility issues when trying to merge all of our components together, as well as finding cheap and free AI APIs

Accomplishments that we're proud of

We are very proud to be able to show off the working videos with voice overs, as well as the questionnaire afterwards. The problems leading up to the finished product made the end result much more satisfying!

What we learned

We learned a lot more about API's and ways to call and use them effectively

What's next for Reals

The next steps are polishing the flow of the thread (tabs) for each prompt, as well as adding more images for each post. We also are looking to add subtitles that display on top of the video as the audio plays

Built With

• javascript
• next.js
• react