7-Day AI Chatbot Challenge
Build a real AI chatbot for your existing website. A working chat widget, a safe Netlify Function backend, a custom persona, and mobile-friendly layout — all in 7 days, no coding experience required.
7-day roadmap
Get your Claude API key and send your first message
Create an Anthropic account, generate an API key, and test it in the console.
Connect Claude to your website safely
Create a Netlify Function that keeps your API key private on the server.
Build the chat widget
Add a floating chat button and window to your site as a React component.
Make it talk
Connect the widget to Claude and get real AI responses on your live site.
Give your chatbot a personality
Write a system prompt that makes the chatbot feel like it belongs to your site.
Mobile-friendly and edge cases
Fix the mobile layout, add a clear button, and set a usage spending alert.
Final polish and launch
Test like a real visitor, add attribution, and share your chatbot with the world.