codex-lv2-may-2025

Level Navigation: 1

Current Level: 32

🧪 Level 32: Challenge Extensions - Make It Yours!

Goal: Stretch and personalize your chatbot. Each option is optional. Pick one or more to attempt.

What You’ll Do

Choose from these challenge options to make your chatbot unique:

💡 Code Hints

Building advanced features? You’ll need to combine multiple concepts like variables, functions, and conditional logic. Check out the Common Patterns section in SNIPPETS.md for complete examples.

Option 1: Role-based prompts

Update the prompt with a “role” instruction that tells the model how to behave (e.g., kind, single-word answers, emoji replies, formatted text).

Option 2: Role selection controls

Add checkboxes or radio buttons so the user can choose how the model responds. Use these options to adjust the role command dynamically.

Option 3: Prompt templates

Create a form with multiple inputs (text fields, checkboxes, etc.). Combine the values into one string prompt for the model. Hint: remember Mad Libs?

Research how to call a Hugging Face image generation model. Use a blob from the response to display the generated image.

Research how to let the user upload an image and submit it to a Hugging Face model using FormData. Display the model’s response (caption, classification, etc.).

Option 6: Combine techniques

Mix several of the above techniques to create a unique experience. For example:

User enters text and also gets an image reply
Add randomness (numbers, emojis) to the prompt
Change CSS or formatting based on the reply

✅ Check

Open your webpage in a browser
Test your new challenge feature with different inputs
Make sure the basic chatbot still works:
- Empty input validation still shows error message
- Normal prompts still get AI responses
Open Chrome DevTools (F12) and check the Console tab for any errors
If you added UI controls, test that they work and affect the AI responses
If you added image features, test that images display correctly
Try different combinations of inputs to make sure everything works together

Check off these items in your README:

At least one challenge feature implemented (role-based prompts, UI controls, etc.)
New feature works without breaking previous functionality
Git commits made for any new features

🎉 Outstanding!

You’ve gone above and beyond. Your chatbot is now uniquely yours!

💾 Don’t forget to commit!

When you’ve completed this level, commit your work with a meaningful message like:

git add .
git commit -m "feature: complete step 6 - challenge extensions"

🎊 Congratulations! You’ve completed the entire chatbot project! 🎊