Full Stack Developer · 2025

Network Manager

Chrome extension that lets school admins block browsing on specific networks.

ReactMaterial-UIChrome Extension APIsFirebaseGulpVercel

Overview

Network Manager is a Chrome extension for schools that manage Chromebooks through the Google Admin Console. The admin opens the popup, enters a password, and blocks the network the device is currently on. The extension gets that network's public IP from ipify and saves it to a blocklist in Firebase. Every device with the extension reads the same list, so if a student is on a blocked network, browsing stops. Blocking only applies during school hours. The popup is built with React and Material-UI, bundled with Gulp, and hosted on Vercel.

Highlights

  • Force-installed from the Admin Console. Packaged the extension so it lands on every managed Chromebook with no install step for the student.

  • One button to block a network. The extension reads the current public IP from the ipify API, so an admin never types an address.

  • Real-time sync through Firebase. The blocklist lives in one place, so a network blocked on one device is blocked on all of them.

  • IP check on every network change. The extension matches the device against the blocklist and stops browsing on a match.

  • School hours only. Blocking is limited to class time, so the same device works normally at home.

  • Password-gated controls. Block and unblock sit behind an admin password in the popup.

  • React and Material-UI popup. Bundled with a Gulp build and hosted on Vercel.

Screenshots