codex-lv2-may-2025

Level Navigation: Current Level: 1

🧪 Level 1: Project Setup - Create Files

Goal: Create the basic project scaffold and confirm everything runs locally.

📋 IMPORTANT: Complete Planning First!

Before you start coding, you must work through the planning document:

Complete all sections of the planning document before proceeding with Level 1. This will help you understand the project requirements, technical specifications, and success criteria.

What You’ll Do

Make a new folder for your project and create all the necessary files to get started.

Instructions

Make a new folder for your project named chatbot-project
Inside, create these files:
- index.html
- chatbot.js
- helpers-full.js (download from class repository)
- secret-variables.js (to hold your Hugging Face API token; globals only)
- README.md (copy from EXAMPLE_README.md template)
- .gitignore (copy from .gitignore template)

📄 `secret-variables.js` (starter template)

// secret-variables.js
// Store secret keys or tokens here. 
// ⚠️ Do not commit this file to a public repo.

HF_TOKEN = "your-huggingface-api-token-goes-here";

📄 `.gitignore` (starter template)

# Secret files (⚠️ do not push secrets!)
secret-variables.js

ℹ Third-Party File Info

Download helpers-full.js from the class repo: https://github.com/rmccrear/codex-lv2-may-2025/tree/main/guides/week5-event-driven-apps/other-dev-files

Place it in your project folder before linking it in index.html.

✅ Check

Open your project folder in VS Code and verify you can see all 6 files:

index.html
chatbot.js
helpers-full.js
secret-variables.js
README.md
.gitignore

If any files are missing, create them before moving to Level 2.

Next: Level 2 - Basic HTML Structure