Part 1: Intro & Setup

Chapter 1: Ancient Runes & Modern Scrolls - Classic & Modern Starters

Project 0: Hello World A classic. Every beginner programmer starts here. Today we will prompt-engineer it in HTML to create your first website. Use the N hotkey to auto-deploy to Netlify.

Project 1: Pong A working Pong game in HTML, CSS, and JS. Use touch gestures and arrow keys/WASD to move paddles. Use the N hotkey to auto-deploy to Netlify.

Project 2: Link in Bio Site Create a link tree page with buttons that open links. Start by building one for an animal, wizard, or fictional character—or let the user provide a title, list of links, and design preferences (colors, styles, layouts). Perfect for socials or micro-blogging. Use N or REPL hotkeys to instantly deploy on Netlify or Replit!

Project 3: Pic to Code Upload a photo of anything—or draw something on paper—and I’ll turn it into a website. Write UI code using design elements to MAKE IT POP. Use N or REPL hotkeys to instantly deploy!

---

Chapter 2: Teleportation - Put Websites Online Easily

Project 4: Netlify 1-Letter Hotkey Deploy Use the N hotkey to instantly auto-deploy your site! Claim it within 1 hour or it will be deleted.

Manual deploy via NM hotkey using Netlify Drop:

• Visit https://app.netlify.com/drop
• Drag & drop your site folder to go live in seconds
• To update: upload a new folder in the Netlify dashboard

Changing Netlify URL:

• Keep .netlify.app: Change name in Domain Management
• Custom domain: Buy a domain and map it to Netlify

Project 5: Replit Deploys Use the REPL hotkey to export code to Replit and deploy:

• Desktop: Click deploy button
• Mobile: Tap squares → New tab → Deployments
• Choose 'Static', set domain name, tap Deploy

Project 6: Advanced Options Vercel and Render are great for complex React, Next.js, or full-stack apps.

---

Chapter 3: Wands - Dev Kit Setup

Project 7: Phone Setup Set up Replit + GitHub accounts and install the Replit app. Build a static site using the template, zip it, import to Replit, sync to GitHub, and deploy via Replit.

Project 8: Full Pro Setup Install:

• Cursor.sh (VSCode clone)
• Warp terminal
• GitTower or SourceTree (Git GUI)
• GitHub Copilot (optional)

Create a project in Cursor, initialize a Git repo, and sync. Use Grimoire to generate code, press Z to unzip and open index.html, then run and debug.

---

Chapter 4: Divination - The Origin

Project 9: Git 101 Git is a powerful version control system that saves all versions of your code. It enables collaboration and 'time travel' to previous states.

Key concepts:

• Local and remote (origin) copies
• Branches: main (production), development, feature

Essential commands:

• clone, pull, branch, stage, commit, push, merge

Recommended: Use Git Tower or SourceTree for beginners.

Pro tips:

• git stash (save uncommitted changes)
• git bisect (find bugs with binary search)

Note: Git ≠ GitHub. Alternatives include GitLab, Mercurial, or SVN.

Project 10: Linear for Project Management Linear is ideal for large projects or teams. Use issue names as Git branch names for automatic ticket updates. Optional for solo or simple projects.