Skip to content
Tair Khanapin
Vibecoding course home page: the headline "Everything about vibecoding in one place" with an overview of the course, labs, tools and library.
← All projects

Vibecoding course

Free interactive course on AI-assisted coding in English and Kazakh: 16 modules, 9 hands-on labs, 21 AI coding tools compared.

What it is

A free interactive course on AI-assisted coding ("vibecoding") in English and Kazakh: 16 modules, 9 hands-on labs, 21 AI coding tools compared, 139 curated links, XP progress and a Q&A chat. It states what does not work, not only what does.

Who it's for

QAIRU students and complete beginners.

The problem it solves

Get a person from a first prompt to working with several AI agents in about two hours, with real examples and honest limitations.

My role

Developer (frontend). I built the interface in Next.js from the team's specs, and contributed my own learning materials and real examples from practice to the course content.

Value

An educational product used by students. It combines development work with course content I wrote.

Stack

  • Next.js

Highlights

  • 16 modules and 9 hands-on labs.
  • 21 AI coding tools compared side by side, plus 139 curated links.
  • XP progress and a Q&A chat.
  • Honest about limitations: the course says what does not work, not only what does.

Links

Open the live site

vibecoding.qairuhub.com/en

Screenshots

A Vibecoding lab: "Try the loop here", with a code editor and an AI chat panel side by side.Vibecoding tools page "Pick a tool. Any tool." comparing Claude Code, Cursor, GitHub Copilot and OpenAI Codex CLI.Vibecoding "Save your progress" screen with a sign-up form and a list of what an account keeps.