AttendIQ

Inspiration

Remote meetings have become normal at work. But many times, people join a meeting, keep the tab open, and shift their attention to other work or social sites.

I noticed that most teams only track attendance, not attention. At the same time, many existing tools feel invasive because they use webcams, screen recording, or constant monitoring. That breaks trust.

This gap between presence and real focus inspired me to build AttendIQ.

What it does

AttendIQ is a web app that helps teams understand meeting focus in a privacy safe way.

Instead of cameras or audio access, AttendIQ uses simple browser signals like:

• Tab active or inactive

• Window focus and blur

• Idle time

At the end of a meeting, it generates a clear focus report with active time, away time, and a focus score.

The goal is not surveillance. The goal is clarity without breaking trust.

How we built it

AttendIQ was built as a web app using:

-> React for the frontend

-> Tailwind CSS for a clean, premium UI

-> Node.js and Express for the backend

-> Supabase for auth and session data

Browser APIs like Page Visibility and window focus events were used to track attention signals during meetings.

To speed up development, I used an AI code editor called Google Antigravity for code generation and iteration. All generated code was reviewed, modified, and integrated manually.

Challenges we ran into

The main challenge was measuring attention without crossing privacy boundaries.

I had to carefully choose browser events that give useful signals without accessing personal content. Another challenge was making the UI look professional while keeping the app simple and easy to understand for first time users.

Balancing clarity, privacy, and usefulness was the hardest part.

What we learned

This project helped me understand:

-> How small browser signals can tell a meaningful story

-> How to design privacy first systems

-> How to turn a common workplace problem into a simple product

It also improved my skills in frontend structure, session logic, and product thinking.

What's next for AttendIQ

In the future, AttendIQ can support:

-> Team and company level reports

-> Calendar integration

-> Downloadable meeting summaries

Custom focus rules for different teams

Built With

• express.js
• javascript
• node.js
• react
• supabase
• tailwind