The latest articles on DEV Community by Lyon (@lyon916). https://dev.to/lyon916 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3982673%2F3ca2f1fa-c503-4186-8c04-b1f2d77a6112.jpeg https://dev.to/lyon916 en Lyon Sat, 13 Jun 2026 12:49:57 +0000 https://dev.to/lyon916/arc-a-lightweight-browser-based-api-client-with-built-in-cors-proxy-5e7i https://dev.to/lyon916/arc-a-lightweight-browser-based-api-client-with-built-in-cors-proxy-5e7i <p>I got tired of Postman being bloated and slow, so I vibe-coded a lightweight alternative.</p> <p><strong>Arc</strong> (API Request Console) is a browser-based API client that just works — open the page and start debugging.</p> <h2> 🔗 The Killer Feature: One-Click CORS Bypass </h2> <p>Browser-based API tools all share one fatal flaw: CORS. You paste a URL, hit send, and get <code>blocked by CORS policy</code>. In Arc, click the 🛡 shield icon and every request routes through the built-in proxy.</p> <p>The proxy is a ~80-line <a href="https://github.com/lyon916/Arc/tree/main/worker" rel="noopener noreferrer">Cloudflare Worker</a> — fully open-source, no logging, no storage. Deploy your own in 30 seconds.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fswpcpbb02n1wafywpb4h.jpeg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fswpcpbb02n1wafywpb4h.jpeg" alt="Arc Screenshot" width="800" height="441"></a></p> <h2> ✨ Features </h2> <ul> <li>🛡 <strong>Built-in CORS Proxy</strong> — open-source, self-hostable</li> <li>🎨 <strong>17 Themes</strong> — Dracula, Nord, Catppuccin, Tokyo Night, and more</li> <li>📤 <strong>Code Generation</strong> — cURL, Python, Go, Node.js snippets</li> <li>🌍 <strong>Environment Variables</strong> — multi-env with <code>{{varname}}</code> syntax</li> <li>📱 <strong>PWA Support</strong> — install to desktop, works offline</li> <li>🔒 <strong>Local-first</strong> — all data in IndexedDB, nothing leaves your browser</li> <li>🌐 <strong>i18n</strong> — English / 中文</li> </ul> <h2> 🛠 Tech Stack </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>Framework</td> <td>React 19</td> </tr> <tr> <td>Build</td> <td>Vite 6</td> </tr> <tr> <td>Language</td> <td>TypeScript</td> </tr> <tr> <td>Styling</td> <td>TailwindCSS 4 + DaisyUI 5</td> </tr> <tr> <td>State</td> <td>Zustand 5</td> </tr> <tr> <td>Storage</td> <td>Dexie 4 (IndexedDB)</td> </tr> </tbody> </table></div> <h2> 🚀 Try It </h2> <ul> <li> <strong>Live:</strong> <a href="https://arcapi.xyz" rel="noopener noreferrer">arcapi.xyz</a> </li> <li> <strong>GitHub:</strong> <a href="https://github.com/lyon916/Arc" rel="noopener noreferrer">lyon916/Arc</a> </li> </ul> <p>Feedback welcome!</p> webdev javascript react opensource