Skip to content

eduardocappellotto/visibility-poc

Repository files navigation

Browser Monitoring PoC - Exam Edition 🕵️‍♂️🌐

In the age of digital surveillance, just how much can a browser deduce about user activity? The Browser Monitoring PoC - Exam Edition is a deep dive into this very question. With the backdrop of an online exam scenario, we explore the boundaries of user monitoring to see just how "private" our interactions are.

Visit the live website in Netlify here: https://visibility-poc.netlify.app/

🛡️ User Consent Alert

In the realm of online exams and e-learning, ensuring the integrity and authenticity of users is paramount. This proof-of-concept (PoC) demonstrates some of the potential ways to monitor user activity during an online examination. However, it's crucial to underline the importance of user privacy and consent when employing such monitoring mechanisms.

Why is User Consent Vital?

  1. Legal Requirements: Many jurisdictions have robust privacy laws that require explicit user consent before collecting or processing their data. GDPR in the European Union and CCPA in California, USA are prime examples.

  2. Trustworthiness: Informing users transparently about what is being monitored and why, reinforces trust. It signifies respect for their privacy and autonomy.

  3. Educational Integrity: For an online exam or learning platform, integrity is key. When users understand the reasons behind such monitoring, it reinforces the sanctity of the examination process.

Our Consent Mechanism

Upon visiting our platform, users are greeted with a clear and unambiguous alert at the top of the page. This alert:

  • Informs users about the tracking and monitoring methods employed.
  • Clearly states the educational reasons behind such monitoring.
  • Requires users to provide explicit consent before they can proceed.

By adopting this approach, we aim to strike a balance between maintaining exam integrity and respecting user privacy. We believe that a transparent and consensual relationship with users is the foundation for any credible e-learning platform.

Disclaimer: While we have built a user consent mechanism, it's essential to adapt it to specific regional and local legal requirements. We strongly recommend consulting with legal professionals when deploying such systems.

🌟 Features

  • Tab Activity Monitoring: Discover when users stray away from the main tab.
  • Live Webcam & Microphone Streams: Understand real-time user interactions and surroundings.
  • Device Detection: Identify which devices users have connected.
  • Instant User Activity Log: Real-time logging of user actions for granular insights.

🛠️ Tech Stack

  • Vue.js 3: Harnessing the power of reactive UI.
  • TypeScript: Enhanced type-safety for robustness.
  • Tailwind CSS: Crafting the UI with utility-first magic.

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/eduardocappellotto/visibility-poc.git
  2. Navigate and Install:

    cd visibility-poc
    npm install
  3. Fire up the server:

    npm run dev

Dive into the exploration at http://localhost:5173.

🤝 Contribute

Got ideas to push the limits even further? Pull requests are heartily welcome! For major changes, please open an issue first.

🌐 Connect

Open to discussions, feedback, or a virtual coffee chat:

📝 License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published