Skip to content

oslabs-beta/RemixDJ

Repository files navigation

Remix DJ - A developer tool built specifically for the Remix framework

Remix DJ logo: multicolored mixer sliders

Installing RemixDJ

RemixDJ in the Chrome store soon!

Until then:

  • Clone our repo 🧬
  • Navigate to the chrome-extension folder and npm install 📀
  • Within the chrome-extension folder execute npm run build 🔨
  • In Chrome's extensions drop-down, navigate to "Manage Extensions" 🧩
  • Turn on "Developer mode" 🧑‍💻
  • In "Load Unpacked" select the "remixDJ/chrome-extension/build" folder 📦

Using RemixDJ

  • Right click and select "Inspect" on any webpage 🔎
  • In the nav bar, navigate to RemixDJ 🗺️

Features

  • Visualize Remix unique nested routing and layout structures as a tree or list 🌳
  • Watch the logo change to bright colors if a site is using remix 🎨

🌲 Remix DJ Tree: example of devtool 📂 Remix DJ Tree: example of devtool

The Team

Adam Liang 👨‍🔧

Matt Jackson 🐟

Molly Greene 👨‍🎤

Tim Muller 🐿

Victoria Dillman 🌻