Cogno

Inspiration## 🤖 What It Does

Cogno is a cyberpunk-themed productivity app designed specifically for USF students.

✨ Core Features

📘 Syllabus Sync — Upload your course CSV, and it instantly populates tasks into the database.

💬 Study Lounge — A live, ephemeral chat room for each course (e.g., COP2510).

🧠 Mecha-Rocky Focus Mode — Our on-device AI watches your webcam during study sessions.

🔥 The Roast Mechanism

If the Computer Vision model detects a cell phone in the frame above 70% confidence, it triggers a Supabase Realtime Event that sends an automated roast message to the course group chat:

🚨 "ALERT: User caught doomscrolling. Focus streak reset."

It’s chaotic. It’s hilarious. It works.

⚙️ How We Built It

Cogno is a full-stack, high-performance web app.

🖥 Frontend

React (Vite) for speed
Tailwind CSS for the “Cyberpunk USF” aesthetic

🛠 Backend

Supabase for Authentication, PostgreSQL Database, and Realtime Messaging
Supabase Realtime for instant chat refresh & roast broadcasts

👁️ AI + Computer Vision

TensorFlow.js with the COCO-SSD model
Entire processing runs client-side, ensuring:
- Zero latency
- Full privacy (video never leaves device)

📄 Data Parsing

- PapaParse for smooth CSV syllabus uploads

🚧 Challenges We Ran Into

Turning a local AI event (phone detected on webcam) into a global, real-time database broadcast
Building confidence-score filtering (only roasting when > 70% accuracy)
Maintaining real-time chat performance with multiple connected students
Getting TensorFlow.js + React webcam integration to work smoothly

🏆 Accomplishments We’re Proud Of

Running Computer Vision fully in the browser
A real-time chat system that feels instant
Giving the USF mascot (Rocky) a futuristic AI alter ego — Mecha-Rocky
Creating a fun and functional productivity system that actually motivates students