Scrollstop

Inspiration

In 2025, people spend around 141 minutes a day on social media, which is a little over 2 hours.
We built ScrollStop to interrupt that habit and turn it into something useful.
Instead of endless passive scrolling, users get a short challenge that pushes active thinking.

What it does

ScrollStop is a Chrome extension that pauses doomscrolling with quizzes and time tracking.

• Users must answer 5 multiple-choice questions in a row correctly before they can continue scrolling.
• Users can join rooms with friends for live competition and accountability.
• Users can upload PDF or Markdown notes, and the app generates custom quiz questions from that content.
• If a user gets a question wrong, AI explains why, so each interruption becomes a learning moment.
• The system tracks correct and incorrect answers over time to improve practice quality.

How we built it

• Frontend: TypeScript, React, TailwindCSS
• Backend: Express.js
• Real-time networking: Socket.IO
• Database: SQLite with Drizzle ORM

Challenges we ran into

• Building multiplayer rooms with synchronized quiz state.
• Making sure scoring and answer flow were fair in real time.
• Storing both correct and incorrect responses cleanly for future use.
• Balancing interruption strength with a user experience that still feels smooth.

Accomplishments we’re proud of

• A complete end-to-end product, not just a blocker or timer.
• A clean and modern interface that makes interruptions feel productive.
• AI question generation from user-provided notes.
• Social features that make focus and learning more engaging.

What we learned

• Chrome extension architecture and constraints
• Real-time communication patterns with sockets
• Better data modeling for learning behavior
• Faster team coordination under hackathon deadlines

What’s next for ScrollStop

• User profiles and profile lookup
• Global rooms and community features
• Better adaptive difficulty based on weak topics
• More detailed analytics on time recovered and learning progress

Built With

• drizzle-orm
• drizzleorm
• express.js
• extension:-react-19
• groq
• react
• socket.io
• sqlite
• tailwind
• tailwind-css-v4
• typescript
• vite
• vite-6-backend:-express-5