Network Architect

AI-powered network analysis tool that captures HTTP requests and uses Google Gemini AI to analyze them and generate code.

Created by: blazfxx
Community: Join Discord

Setup

1. Install dependencies:

npm install

2. Get a free Gemini API key from https://aistudio.google.com/

3. Create .env.local file:

NEXT_PUBLIC_GEMINI_API_KEY=your_api_key_here

4. Build the Chrome extension:

npm run build:extension

5. Load extension in Chrome:

   • Go to chrome://extensions/
   • Enable "Developer mode"
   • Click "Load unpacked"
   • Select extension/build folder

6. Start the dashboard:

npm run dev

Open http://localhost:3000

Usage

1. Start Capturing: Click the extension icon → "Start Recording"
2. Browse: Visit any website to capture network requests
3. Analyze: Open the dashboard to see all captured requests
4. Ask AI: Use the AI chat to analyze requests or generate code
5. View Code: All generated code is auto-saved to the Code Library

Features

• Real-time network request capture
• AI-powered request analysis
• Automatic code generation (Python, JavaScript, cURL)
• Code library with search and filters
• Resizable panels
• Dark mode UI

Tech Stack

• Next.js 14 + React + TypeScript
• Tailwind CSS
• Google Gemini AI
• Chrome Extension (Manifest V3)

Community & Support

• 💬 Discord: Join our community
• 🐙 GitHub: @blazfxx
• ⭐ Star this repo if you find it useful!

License

MIT License - Created by blazfxx

---

Need help? Join our Discord server for support and discussions!