Edulens

EduLens is an open-source Chrome extension focused on efficient web learning and real-time collaboration.

You can take notes, capture screenshots, stay focused, and present right inside the page—no app switching.

- Website: https://edu-lens.netlify.app <-- 👋 Check the latest highlights and videos here
- Chrome Web Store:https://chromewebstore.google.com/detail/jnncboomobahpjpkkhjoekacjogmphhc

1. Core Features

• 👥 Real-time collaboration – Multi-user rooms keep annotations in sync
• 💾 Cloud sync – Annotation data is stored locally and in the cloud
• 🎨 Annotation toolkit – Freehand drawing, box notes, bookmarks, inline images, and more
• 📸 Powerful screenshots – Capture DOM nodes, custom regions, or full-page scrolling shots
• 🎯 Reading assistance –Spotlight (`Alt+S`), reading focus (`Alt+R`), cursor highlight (`Alt+H`), countdown timer
• 🌍 Internationalization – Built-in Simplified/Traditional Chinese, English, Japanese, German, and Spanish

2. Use Cases

• Self-Study – Take notes, highlight key points, and use reading aids to maintain focus while learning online
• Online Teaching – Enable real-time multi-user annotation and interaction during remote lessons to enhance engagement
• Video Production – Add visual annotations when recording educational videos for clearer and more intuitive content

3. Usage Guide

After activation, a floating bubble appears in the bottom-right corner of any page. Drag to reposition, then click to open the toolbox.

Learning Tools

• Scroll progress – A vertical bar on the panel's left side shows how far you have read
• Bookmarks – Enter a title at any point to add a bookmark; click the dot on the bar to jump back
• Countdown timer – Input minutes and start; a reminder pops up when time is up

Annotation Tools

• Freehand drawing – Choose "Doodle," pick colors and brush size, draw freely, or switch to straight lines, eraser, and clear-all
• Boxed notes – Select "Box Annotation," drag a rectangle, and double-click to type the note; hover to preview the full text
• Pinned images – Upload local images, drag to reposition, resize, or rotate; lock them in place or let them scroll

Screenshot Tools

• DOM capture – Hover to highlight any element and click once to capture it
• Area capture – Drag a rectangle to take a custom screenshot
• Scrolling capture – Auto-scrolls and stitches the full page; click anywhere to stop early

Focus Tools

• Cursor highlight – Shortcut Alt+H brightens the area around the cursor
• Spotlight – Shortcut Alt+S lights up the center while dimming the surroundings
• Reading spotlight – Shortcut Alt+R follows your reading position

Collaboration Tools

⚠️ Collaboration requires a server connection. When offline, EduLens switches to local mode (data stays in Chrome storage).

• Sign up & sign in – Click "Login" or "Sign Up," provide username, email, and a 6+ character password; auto login after registration
• Create rooms – After signing in, open "Room List" and select "Create New Room," then add a name and description
• Share rooms – Click "Share" inside the room list to copy an invite code for teammates
• Join rooms – Choose "Join New Room," enter the invite code, and start collaborating
• Switch rooms – Move between rooms with the "Switch" button
• Live sync – When teammates share the same room and page, bookmarks, drawings, boxes, and images sync instantly