AI CV / Portfolio Chatbot Template (React + TypeScript)

💬 Turn your CV into a conversation

This product gives you a ready-to-use CV / portfolio chatbot widget built with React, TypeScript, Vite and Tailwind CSS.

After purchase, you can download a .zip file that contains the full project code.

You can unzip it, install dependencies, and run it on your own machine.

---

### 📦 What’s inside the ZIP?

You will receive a file named `ai-cv-chatbot-template-v1.zip`.

Inside the ZIP, you will find:

- src/ – React + TypeScript source code

- public/ – avatar image and static assets

- package.json and package-lock.json

- vite.config.ts, tsconfig*.json, Tailwind and PostCSS config

- .env.example – example environment file for AI mode

- README.md – setup and customization guide

There is no node_modules folder and no real .env file in the ZIP.

---

### 🎯 Features

- Floating chat widget for your CV (bottom-right corner)

- Clean dark UI with quick action buttons

- Demo mode: works with local CV data only (no API key needed)

- AI mode (optional): connect to an LLM (e.g. Gemini) with your own API key

- Config-based CV data (experience, projects, skills, links, testimonials)

- Markdown support for rich answers (lists, bold text, links)

- Ready to deploy to Netlify, Vercel or any static host

---

### 🚀 How to use it

1. Download the ZIP from Gumroad.

2. Unzip it on your computer.

3. In the project folder, run:

```bash

npm install

npm run dev

Open the app and update:

src/config/cvData.example.ts with your own CV information

src/config/siteConfig.ts with your name and title

public/avatar.png with your own image

🤖 Optional: enable AI mode

If you want real AI answers:

Copy .env.example to .env.

Set VITE_USE_LLM=true and add your API key + model.

Restart the app with npm run dev.

If the key is missing or invalid, the chatbot shows a clear error message in the chat, so it does not crash.

🧩 Need a custom version?

If you don’t want to edit the code yourself, I also offer a done-for-you service:

- I customize this template with your CV, your colors and your language

- I set it up for you and help you deploy it (for example on Netlify)

- Delivery time: up to 5 days

👉 You can check the separate product here: Custom AI CV Chatbot Setup.