Portfolio Chatbot Starter Kit

This starter kit is intentionally simple. It gives you a readable chatbot pattern you can adapt for a portfolio or small site.

Files:
- index.html: sample page with the chatbot widget
- styles.css: visual styling using Amanda Douvier-inspired brand colors
- script.js: keyword routing, fallback behavior, and suggested questions
- mapping-worksheet.csv: a planning worksheet for visitor questions, intents, keywords, proof paths, fallback boundaries, and risk checks

How to use:
1. Start with mapping-worksheet.csv or the workbook before editing code. The worksheet is not code. It is your planning map.
2. Inventory your site pages, proof points, work samples, tools, optional resume/CV links, and contact paths.
3. Group likely visitor questions into intents such as overview, work samples, tools, process, outcomes, accessibility, or contact.
4. Treat each completed worksheet row like a recipe for one chatbot answer: intent, keywords, answer, proof path, fallback boundary, and risk check.
5. Translate those rows into the answerBase array in script.js. The JavaScript uses the keywords to decide which answer and proof path to show.
6. Open index.html in a browser and test quick-scan questions, deeper-context questions, unsupported questions, and mobile layout.
7. Check keyboard focus, contrast, readable answer length, answer routing, proof paths, and fallback behavior before publishing.
8. Publish through your existing website builder, content management system, or static-site hosting service. Examples of static-site hosting services include platforms that let you upload or connect HTML, CSS, and JavaScript files, but you should follow the instructions for the platform your site already uses.

Five evaluation criteria:
1. Purpose and audience fit
2. Answer quality and trust
3. Routing and recovery
4. Proof and navigation
5. Responsive and accessible experience
