Stods

Inspiration

Our inspiration came from the endless-scroll format of Instagram Reels and YouTube Shorts — but instead of consuming random entertainment, we wanted to channel that same engaging experience into something more productive and meaningful.

What it does

Stods takes the addictive nature of scrolling and re-purposes it for learning. Instead of mindless content, users get flashcard-style questions that they can quickly swipe through, making studying or revising feel as fun and effortless as scrolling through social media.

How we built it

We started by designing the main front-end pages with HTML and CSS, then integrated them into a Python Flask backend for dynamic question loading. We also used JavaScript to handle smooth transitions, scrolling effects, and interactive elements that make the experience feel natural and engaging.

Challenges we ran into

Some challenges we faced included making the questions appear in the correct sequence, avoiding repetition, and ensuring that the questions displayed matched the intended topic or paragraph. We also spent time refining the scrolling behavior so it felt smooth, fast, and intuitive.

Accomplishments that we're proud of

We’re proud that we successfully turned a social media-inspired concept into an educational tool. We also take pride in building a clean, responsive UI and ensuring that the backend works seamlessly with the front-end, delivering questions instantly without reloading the page.

What we learned

We learned how to combine UI/UX design principles from popular apps with educational content delivery. We also strengthened our skills in Flask, front-end integration with JavaScript, and solving real-time UI placement issues. On top of that, we learned how small tweaks to interactivity can drastically improve engagement.