Timer Quest is a productivity system with two parts:
- React Web App (Dashboard + Login)
- Chrome Extension (Tracks website usage)
The extension tracks time spent on websites and the dashboard visualizes your XP, streaks, and companion mood, all synced through Supabase.
Chrome Extension:
-
Tracks time spent on websites and stores in a datsabase
-
Allows users to define custom timers for focused sessions
-
Sends usage and timer data to Supabase
-
WebDashboard:
-
User authentication (Sign up / Login)
-
Visualizes XP, streaks
-
Database tables for usage logs, users, streaks, and XP
- Frontend: HTML, CSS, REACT
- Backend: Javascript
- Database: PostreSQL
- Clone the repository
- Open Chrome → Extensions → Load unpacked
- Select the
extensionfolder - Start tracking your website usage
- Clone the repository
- Run
npm installin the web folder - Set up environment variables for Supabase
- Run
npm startto launch the dashboard