AI chatbot package for developer portfolios
Dev Portfolio Chatbot
A framework-agnostic chatbot widget that uses Google Gemini and live GitHub data to answer questions about a developer's work, background, and projects.
Role
Creator and maintainer
Stack
highlights.
Ships as a React component and as a vanilla Web Component for Angular, Vue, and plain HTML.
Generates a local portfolio_config.js file so developers can tune tone, GitHub username, and personal details.
Keeps Gemini API keys secure by routing requests through a serverless or Express proxy.
Detects page header and footer elements to avoid overlapping important layout areas.
What it does
Dev Portfolio Chatbot gives portfolio visitors a conversational way to learn about a developer. Instead of only reading static cards, users can ask about skills, experience, repositories, contact details, or project history and get answers shaped by configured personal info plus public GitHub data.
Integration options
- React apps can import ChatbotWidget directly from the package.
- Angular, Vue, and static sites can load the vanilla web component build from a CDN.
- Developers provide a secure API endpoint in portfolio_config.js so Gemini keys never reach the browser.
Configuration
The generated config supports model selection, response tone, GitHub username, personal bio, location, skills, interests, education, and contact details. The widget also supports multiple positions and sizes so it can adapt to different portfolio layouts.
screenshots.
