Pulse

Inspiration

Traditional user surveys suck. People lie, skip questions, or just ignore them. I thought, what if websites could understand user behavior without asking a single question?

What it does

Pulse is a behavioral analytics tool that:

• Tracks mouse movements in real-time to see what users are doing look
• Records every click to identify what users interact with (and what they ignore)
• Generates heatmaps showing user attention patterns with color-coded visualizations
• Sends behavior data to Gemini AI which analyzes the patterns and provides specific UX recommendations like "Move your checkout button 200px left - users are missing it"

Instead of asking "Did you like our website?", Pulse shows you exactly where users struggle through their actual behavior.

How we built it

• Frontend: Next.js 14 with TypeScript for the dashboard and demo site
• Tracking: Vanilla JavaScript library that runs invisibly on any webpage
• Database: SQLite for fast local storage of sessions and events
• Styling: Tailwind CSS with Apple-inspired minimalist design

Challenges we ran into

Since most of my original idea ended up being too much to code during this weekend, the largest issue to tackle was making the tracking library sync across different tabs, and to not generate each 5 seconds as a new session.

Accomplishments that we're proud of

• Created a tracking system that captures user behavior with zero performance impact
• Designed a clean, professional interface
• Made something that could genuinely help businesses understand their users better

What we learned

• How to work with real-time data streams and optimize for performance
• How to build production-ready APIs with proper error handling and database transactions

What's next for Pulse

Integrating AI to provide feedback based on cursor movements. Letting AI personalize the webpage for all users based on its feedback to enhance user experience.

Built With

• api
• css
• lucide
• next.js
• react
• sqlite
• tailwind
• typescript