Get Your Tools
Ready to Build
Everything you need is free. Everything works on a basic laptop. If you're in WV without reliable internet, most of this works offline after the first setup. Let's start with the most important tool — GitHub.
✅ Setup Checklist
🐙 GitHub — Your Code's Home
What it is: GitHub saves every version of every file you write — forever. Every project gets its own folder (called a repository). Every change you save (a commit) is logged with a message. You can go back to any point in history, see what changed, and share your work with the world.
Why we start here: GitHub connects to every other tool — VS Code, Netlify, Replit. Set it up first and everything else plugs in cleanly. By Week 12, your GitHub profile will be a full portfolio of everything you built.
A filled GitHub profile is a public résumé that employers across the country can see. A developer in Charleston with a strong GitHub profile can get remote work paying $60–90k+. This is one of the fastest paths to remote income from anywhere in West Virginia.
Four things you need to understand
A project folder GitHub tracks. One repo per project. You'll create a new one each week.
A saved snapshot with a message. "Added homepage HTML." You can return to any commit ever made.
Sending your local commits to GitHub's servers. Do this at the end of every session.
github.com/yourname — a public page showing everything you've built. This is your portfolio.
Your commit history — what 12 weeks looks like
Step 1 — Create your GitHub account at github.com
Pick a username you'd be comfortable sharing. It appears in all your project URLs: github.com/yourname/project.
Step 2 — Install GitHub Desktop
A visual interface for GitHub — no command-line needed. Download, install, and sign in with your new GitHub account.
Step 3 — Create your first repository
In GitHub Desktop: File → New Repository → name it montani-vibe-projects → check "Initialize with README" → Create. Then click "Publish repository" to put it live on GitHub.
Describe what changed in plain English. "Add nav bar with links to all pages" is great. "update" is useless. Your commit history is a diary of your growth — make it readable.
Your weekly loop — 30 seconds once it's habit
🆚 VS Code — Where You Write Code
What it is: VS Code is a free code editor used by the majority of developers worldwide. It colors your code so it's readable, catches typos, auto-closes tags, and connects directly to your GitHub repository.
Download and install VS Code
Go to code.visualstudio.com — auto-detects Mac or Windows.
Open your GitHub repo folder in VS Code
In GitHub Desktop → Repository → Open in Visual Studio Code. Now VS Code is pointed directly at your GitHub folder.
Install these three extensions
Click the 🧩 Extensions icon in VS Code's left sidebar, search by name, click Install.
🤖 Claude AI — Your Co-Pilot
What it is: Claude is the AI you'll use every single week — to write code, explain errors, debug problems, and generate content. Keep it open in a browser tab next to VS Code at all times.
Create a free Claude.ai account
Go to claude.ai → sign up free. The free plan covers Weeks 1–6. For Weeks 7–12 you'll need an API key — we walk through that when we get there.
Open Claude and type: "I'm starting to learn web development in West Virginia. Write me a simple HTML page with a heading that says 'Hello from WV!' Add comments explaining each line." Copy the code to VS Code, save it, open with Live Server, then commit it to GitHub. That's your first full loop.
I'm a beginner learning to code. Write me [describe what you want]. Keep it simple and add comments explaining what each part does.
This code isn't working. Error: [paste error]. Code: [paste code]. What's wrong and how do I fix it?
🚀 Netlify — From GitHub to the Internet
What it is: Free hosting that connects to your GitHub repo. Every time you push code to GitHub, Netlify automatically updates your live site. Push → live in seconds. No server configuration, no cost.
Create a free Netlify account — sign up with GitHub
Go to netlify.com → Sign Up → use your GitHub account. This pre-connects everything so deployment in Week 5 takes one click.
💻 Replit — Server Code in Your Browser
What it is: A coding environment that runs entirely in your browser — no installation needed. You'll use it for projects that need a server (like Week 8's AI chatbot). Sign up now, use it later.
Create a free Replit account
replit.com/signup — use your Google or GitHub account.
You're Set Up — Let's Build
All five tools are ready. Week 1 starts with writing your first HTML and making your first GitHub commit.
Start Week 1 →