A Chrome extension that transforms selected web content into beautiful, shareable cards with metadata and QR codes. ✨
As a product manager with no prior development experience, I wanted to solve a real problem I encountered daily - sharing web content in a more elegant way. Using Cursor and spending less than an hour, I built my first Chrome extension. This project represents my journey from PM to developer.
- One-click selection of web content
- Automatic generation of sharing cards with:
- Original website metadata
- Source URL QR code
- Selected content display
- Clean, modern design
- Easy sharing options
Built using:
- Chrome Extension APIs
- HTML/CSS/JavaScript
- QR Code generation library
- Web scraping for metadata
Key functionalities:
- Content selection and capture
- Metadata extraction
- QR code generation
- Card template rendering
- Sharing interface
- Download source code
- Navigate to
chrome://extensions/ - Enable Developer Mode
- Click "Load unpacked"
- Select the project directory
This project demonstrated that with modern AI coding tools like Cursor, product managers can bring their ideas to life without extensive coding background. The key was breaking down the product into clear technical requirements and leveraging existing APIs and libraries effectively.
MIT License