1:"$Sreact.fragment"
2:I[22016,["/_next/static/chunks/0sqf3kwsxhw92.js","/_next/static/chunks/15vvi4du_kj4d.js","/_next/static/chunks/0t2xr05rlu96l.js","/_next/static/chunks/0j_00-43ohwi..js","/_next/static/chunks/074m5~1.spxnd.js","/_next/static/chunks/03pwh54kk_crp.js"],""]
9:I[6966,["/_next/static/chunks/0sqf3kwsxhw92.js","/_next/static/chunks/15vvi4du_kj4d.js","/_next/static/chunks/0t2xr05rlu96l.js","/_next/static/chunks/0j_00-43ohwi..js","/_next/static/chunks/074m5~1.spxnd.js","/_next/static/chunks/03pwh54kk_crp.js"],"BlogPostContent"]
b:I[97367,["/_next/static/chunks/0sqf3kwsxhw92.js","/_next/static/chunks/15vvi4du_kj4d.js","/_next/static/chunks/0t2xr05rlu96l.js","/_next/static/chunks/0j_00-43ohwi..js","/_next/static/chunks/074m5~1.spxnd.js"],"OutletBoundary"]
c:"$Sreact.suspense"
0:{"rsc":["$","$1","c",{"children":[["$","div",null,{"className":"min-h-screen bg-background text-foreground","children":[["$","section",null,{"className":"pt-28 pb-16 md:pt-36 md:pb-24 bg-gradient-to-b from-accent/30 to-background","children":["$","div",null,{"className":"container px-4 md:px-6","children":["$","div",null,{"className":"max-w-4xl mx-auto","children":[["$","$L2",null,{"href":"/blog","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-left mr-2 h-4 w-4","children":[["$","path","1l729n",{"d":"m12 19-7-7 7-7"}],["$","path","x3x0zl",{"d":"M19 12H5"}],"$undefined"]}],"Back to Blog"],"className":"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 mb-6","ref":null}],["$","div",null,{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary text-primary-foreground hover:bg-primary/80 mb-4","children":"Browser Extensions"}],["$","h1",null,{"className":"text-3xl md:text-4xl lg:text-5xl font-bold tracking-tighter mb-6 animate-fade-in","children":"NetAIcad: Your AI Study Buddy for Cisco Quizzes"}],["$","div",null,{"className":"flex flex-wrap items-center gap-4 text-muted-foreground mb-8 animate-fade-in","children":[["$","div",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-calendar h-4 w-4","children":[["$","path","1cmpym",{"d":"M8 2v4"}],["$","path","4m81vk",{"d":"M16 2v4"}],["$","rect","1hopcy",{"width":"18","height":"18","x":"3","y":"4","rx":"2"}],["$","path","8toen8",{"d":"M3 10h18"}],"$undefined"]}],["$","span",null,{"children":"December 23, 2024"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-clock h-4 w-4","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","polyline","68esgv",{"points":"12 6 12 12 16 14"}],"$undefined"]}],["$","span",null,{"children":"6 min read"}]]}],["$","div",null,{"className":"flex items-center gap-2","children":["$","span",null,{"children":["By ","Muhammad Zaid"]}]}]]}],["$","div",null,{"className":"flex flex-wrap gap-2 mb-8 animate-fade-in","children":[["$","div","Chrome Extension",{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"Chrome Extension"}],["$","div","AI",{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"AI"}],["$","div","OpenAI",{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"OpenAI"}],["$","div","Gemini",{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"Gemini"}],"$L3"]}]]}]}]}],"$L4","$L5","$L6"]}],["$L7"],"$L8"]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"QX83e4YaSJMU9KhrDXtKJ"}
3:["$","div","Education",{"className":"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground","children":"Education"}]
4:["$","section",null,{"className":"pb-12","children":["$","div",null,{"className":"container px-4 md:px-6","children":["$","div",null,{"className":"max-w-4xl mx-auto","children":["$","img",null,{"src":"https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=800","alt":"NetAIcad: Your AI Study Buddy for Cisco Quizzes","className":"w-full h-auto rounded-lg shadow-xl","loading":"lazy"}]}]}]}]
a:T1710,# NetAIcad: Your AI Study Buddy for Cisco Quizzes

Alright, let's be real for a second. Netacad quizzes can be tough. You're learning about networking, subnetting, routing protocols, and then you hit a quiz question that has you staring at the screen wondering if you actually understood anything.

**NetAIcad** is a browser extension that brings AI into the mix to help you out. Click a button, and it'll suggest which answer might be correct. Simple as that.

## How This Thing Came to Be

So one morning I woke up to a text from a friend. Dude was panicking. He had a quiz deadline in 3 hours and needed to complete like ALL the modules. We're talking 30-40 MCQs per module. There was no way he was going to read through everything and answer all of that in time.

That's when it hit me - AI models are pretty smart these days. What if I could just... automate this? Feed the questions to an AI, get the answers, highlight them on the page. Quick and dirty solution for an emergency situation.

So I built it.

But then I realized something. Most students can't afford to pay for API subscriptions. OpenAI costs money. Not everyone has a credit card lying around. So I went back and added support for openRouter models (3rd Party Service providing limited free tokens).

I actually have two versions now - one with just GPT and Gemini (the simple one), and another that connects to a third-party service with access to multiple models. More options, different capabilities, whatever works for the situation.

The version you're looking at here is the simpler two-model setup. Clean, straightforward, gets the job done.

## How It Works

The extension adds two buttons to your Netacad quiz pages:
- A blue one for GPT (OpenAI)
- A purple one for Gemini (Google)

When you're stuck on a question, just click one of them. The extension:

1. Reads the question and all the answer options
2. Sends it to the AI of your choice
3. Highlights the suggested answer in green

That's the whole flow. No copy-pasting, no switching tabs, no typing prompts manually.

## What Makes It Cool

### Dual AI Support

You can use OpenAI's GPT-4o Mini or Google's Gemini 2.5 Flash. The nice thing about Gemini is it has a free tier, so you don't have to spend money to try it out.

Set up one API key, set up both, your call. The extension works with whatever you give it.

### Handles Different Question Types

- Regular multiple choice? Works.
- "Choose two" or "Select three" questions? It figures that out from the question text and highlights multiple answers.
- Questions with code snippets? It extracts the code and sends that along too.

### Visual Feedback

When the AI picks an answer, you'll see:
- A green highlight with a subtle glow
- A little "AI Suggested" badge
- The button briefly shows a success message

It's not subtle, which is honestly nice - you won't miss it.

## Installation

Since NetAIcad isn't on the Chrome Web Store yet, you'll need to install it manually via Developer Mode.

### Step 1: Download the Extension

1. Go to the [NetAIcad GitHub repository](https://github.com/zaidkx37/NetAIcad)
2. Click the green **"Code"** button
3. Select **"Download ZIP"** or clone it with:
   ```bash
   git clone https://github.com/zaidkx37/NetAIcad.git
   ```
4. Extract the ZIP file if you downloaded it

### Step 2: Install in Your Browser

**For Chrome:**
1. Open Chrome and go to `chrome://extensions`
2. Enable **Developer Mode** (toggle in the top-right corner)
3. Click **"Load unpacked"**
4. Select the extracted NetAIcad folder

**For Firefox:**
1. Go to `about:debugging#/runtime/this-firefox`
2. Click **"Load Temporary Add-on"**
3. Navigate to the NetAIcad folder and select the `manifest.json` file

### Step 3: Get Your API Keys

You'll need at least one:
- **OpenAI:** Get one from [platform.openai.com](https://platform.openai.com)
- **Google Gemini:** Get one from [AI Studio](https://aistudio.google.com) (has a free tier!)

### Step 4: Configure the Extension

Click the extension icon in your toolbar, paste in your API key(s), and hit save. You're ready to go!

## A Few Things to Keep in Mind

**The AI isn't always right.** It's pretty good, especially for straightforward questions, but it can mess up on tricky ones or questions that require very specific knowledge from the course material. Use it as a study tool, not a replacement for actually learning.

**You still need to understand the concepts.** If you just blindly click and submit without thinking about why that answer might be correct, you're not really learning anything. And when the real exam comes around... well, the AI won't be there to help.

**This is for studying, not cheating.** Use it to check your understanding, figure out where you went wrong, or get unstuck when you're genuinely confused. The goal is to learn, not to game the system.

## The Nerdy Details

For those who care about the technical stuff:

- Pure JavaScript, no dependencies
- Uses Manifest V3 for Chrome compatibility
- Navigates through Netacad's Shadow DOM (which is actually kind of a pain to work with)
- API keys stored locally in your browser via Chrome's sync storage
- Temperature set to 0 for deterministic responses

The extension only runs on `netacad.com` pages and only sends data to the AI API you choose. No tracking, no analytics, no weird stuff happening in the background.

## Is It For You?

If you're grinding through Netacad courses and want something to help you study more efficiently, give it a shot. It's free to install, and if you use Gemini's free tier, you don't even need to spend any money.

Just remember: it's a tool to help you learn, not a magic button that makes you a network engineer. The understanding has to come from you.

---

*Built by Muhammad Zaid | Version 1.0*5:["$","section",null,{"className":"pb-16","children":["$","div",null,{"className":"container px-4 md:px-6","children":["$","div",null,{"className":"max-w-4xl mx-auto","children":["$","article",null,{"className":"prose prose-lg dark:prose-invert max-w-none prose-pre:p-0 prose-pre:bg-transparent prose-pre:border-0","children":["$","$L9",null,{"content":"$a"}]}]}]}]}]
6:["$","section",null,{"className":"section bg-accent/30","children":["$","div",null,{"className":"container px-4 md:px-6","children":["$","div",null,{"className":"max-w-3xl mx-auto text-center space-y-6","children":[["$","h2",null,{"className":"text-3xl md:text-4xl font-bold tracking-tighter","children":["Need Expert ",["$","span",null,{"className":"text-primary","children":"Python Development"}],"?"]}],["$","p",null,{"className":"text-xl text-muted-foreground","children":["Looking to ",["$","strong",null,{"children":"hire Python developer"}]," or need help with ",["$","strong",null,{"children":"Django"}],", ",["$","strong",null,{"children":"web scraping"}],", or ",["$","strong",null,{"children":"automation"}],"projects? Let's work together!"]}],["$","div",null,{"className":"flex flex-col sm:flex-row gap-4 justify-center","children":[["$","$L2",null,{"href":"/contact","children":["Get In Touch ",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right ml-2 h-5 w-5","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]],"className":"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8 rounded-full","ref":null}],["$","$L2",null,{"href":"/blog","children":"View All Posts","className":"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-11 px-8 rounded-full","ref":null}]]}]]}]}]}]
7:["$","script","script-0",{"src":"/_next/static/chunks/03pwh54kk_crp.js","async":true}]
8:["$","$Lb",null,{"children":["$","$c",null,{"name":"Next.MetadataOutlet","children":"$@d"}]}]
d:null