Skip to content
Early-bird sale · 20% off until 9 Oct

CODING WITH AI

Stop typing boilerplate. Start architecting. Learn how to build, debug, and deploy full-stack applications in record time using Claude Code and AI Agents.

Students taught
800+
HD video lessons
20 hrs
Production tools
12
~/my-saas — claude
$

Demo

Watch an app go from prompt to production

A preview of the workflow you'll master: describe the feature, review the diff, ship it.

Demo video coming soon

Tech Stack

The modern stack you'll ship with

Real production tools, not toy demos. Every module builds on the same full-stack app.

  • Next.js 16

    Full-stack framework

  • Claude Code

    AI pair engineer

  • Neon PostgreSQL

    Serverless database

  • Prisma

    Type-safe ORM

  • NextAuth

    Authentication

  • Resend

    Transactional email

  • Cloudflare R2

    Object storage

  • OpenAI

    LLM APIs

  • Tailwind CSS

    Styling

  • Stripe

    Subscriptions & payments

  • Redis

    Caching & rate limiting

  • Render

    Hosting & deploys

Prerequisites

What you need before we start

This is a course for web developers who want to 10× their output — not for complete beginners.

  • Solid JavaScript Foundation

    ES6+ — arrow functions, destructuring, modules, async/await.

  • React Fundamentals

    Components, props, useState and useEffect.

  • Basic API Knowledge

    REST concepts and making requests with fetch.

Syllabus

Five modules. One shipped app.

Each module adds a working milestone to the final project, so you finish with BookmarkHub live in production — not a folder of notes.

  1. Module 01

    The AI Developer Environment

    Set up a workflow where AI is a first-class teammate, not a chat tab you copy from.

    • Installing & configuring Claude Code
    • CLAUDE.md, memory & project context
    • Permissions, hooks and safe defaults
  2. Module 02

    Prompting & Scaffolding

    Go from a one-paragraph spec to a running Next.js 16 app with a real database, auth, email and file uploads.

    • Generating Next.js 16 apps
    • Designing DB schemas with Prisma + Neon
    • Auth with NextAuth (GitHub OAuth) & emails with Resend
    • File uploads to Cloudflare R2
  3. Module 03

    Debugging & Refactoring

    Turn stack traces into fixes in minutes, let AI guard your code with tests, and make it fast with caching.

    • Paste-the-error workflows
    • Auto-generated unit tests
    • Large, safe refactors across files
    • Redis caching & rate limiting
  4. Module 04

    Advanced AI Agents & MCP

    Connect your agent to tools and data, split big jobs across sub-agents, and ship AI features to your users.

    • Model Context Protocol (MCP) servers
    • Orchestrating sub-agents
    • Adding AI features with the OpenAI API
  5. Module 05

    Shipping to Production

    Turn on payments, automate releases, and put a real SaaS live with confidence.

    • Stripe subscriptions & webhooks for the Pro plan
    • Automating CI/CD pipelines
    • Deploying to Render + cron jobs for the Daily Digest
    • Env vars, secrets & monitoring

Final Project

You'll build BookmarkHub

Your personal knowledge library. Save, organize, search and AI-enhance everything you read and research. A Pocket / Readwise alternative with full-text search and AI as the headline features.

7 item types

  • ArticleURL
  • PDFFile
  • VideoURL
  • QuoteText
  • NoteText
  • ScreenshotFile
  • BookmarkURL

10 core features

  1. 01

    Items CRUD

    Item drawer with edit mode, tags, description, favorites, pin, copy and delete.

  2. 02

    Collections

    Group items into “System Design”, “AI Papers”, “Frontend Weekly”, “Career”…

  3. 03★ Hero feature

    Global Search

    ⌘K command palette searching title, content, tags and URL with grouped results.

  4. 04

    Auth

    Email/password + GitHub OAuth, email verification, password reset and rate limiting.

  5. 05

    Markdown Editor

    Write / preview tabs for notes and quotes.

  6. 06

    File & Image Upload

    PDFs stored on Cloudflare R2, screenshots in an image gallery view.

  7. 07

    Favorites & Pinning

    A “Read Later” reading queue and pinned must-reads.

  8. 08

    Polished UX

    Pagination, empty states, toasts, dark mode and a responsive drawer layout.

  9. 09

    Import / Export

    JSON export on Free, ZIP with PDFs on Pro.

  10. 10

    Profile & Settings

    Usage stats, change password, delete account, editor preferences.

AI features

Pro
  • Auto-tagging

    Tags like #react, #tutorial and #2024 suggested the moment you save.

  • AI Summaries

    A TL;DR and 3 key takeaways for every article and video.

  • “Explain This”

    Plain-language explanations for quotes, PDFs and notes.

  • Daily Digest

    AI curates your unread items into one morning email.

    Unique to BookmarkHub

A real business model, not a demo

You'll implement BookmarkHub's own Free and Pro plans, with usage limits and feature gating.

  • Free

    $0

    • 50 items
    • 3 collections
    • Links, notes & quotes
    • JSON export
  • Pro

    $8/mo or $72/yr via Stripe

    • Unlimited items & collections
    • PDF & screenshot uploads
    • All AI features
    • ZIP export & digest emails

Your Instructor

Learn from someone who builds and teaches

Portrait of Arkar

Arkar

Full-Stack Developer & Instructor

I'm Arkar, a full-stack developer with 4 years in the industry. Today I build client projects as a part-time full-stack developer at a freelance agency, and before that I worked at Indo Web Agency.

For the last 2 years I've also been teaching web development courses and guiding students one-on-one, with 800+ students so far. This course brings the two together: real agency workflows, taught the way I've seen students actually learn.

Full-stack development
4 yrs
Teaching & mentoring
2 yrs
Students taught
800+
  1. Now

    Part-time full-stack developer at a freelance agency

  2. Previously

    Developer at Indo Web Agency

  3. 2 years

    Instructor — teaching courses and guiding students

Student Reviews

Trusted by 800+ students

What students from my previous courses say. Reviews are translated from Burmese; tap “Original” to read them as written.

  • Landed a junior role at a local bank

    “The teacher explains things really well, and learning was very smooth. Throughout the course my questions were answered carefully, and I also got clear guidance on how to prepare for job applications. Thank you, teacher. I've now landed a junior position at a local bank.”
    Original (Burmese)

    ဆရာက စာရှင်းပြတာတစ်ကယ်ကောင်းပါတယ်။ လေ့လာရတာလဲ တော်တော်အဆင်ပြေပါတယ်။ သင်တန်းတစ်လျှောက်နဲ့ စာ‌မေးတာတွေကို ‌သေချာဖြေပေးတာတင်မဟုတ်ဘဲ အလုပ်လျှောက်တဲ့ ပြင်ဆင်ရမှာတွေကို သေချာပြောပေးလို့ ကျေးဇူးတင်ပါတယ် ဆရာ။ အခုတော့ Local Bank တစ်ခုမှာ Junior Position နဲ့ အလုပ်ရသွားပါပြီ။

    Cho Myat ThuStudent, previous course
  • “A teacher who teaches well and explains patiently and thoroughly whenever you ask a question. Honestly, I've taken courses that cost more than this one, but none of them worked for me as well as this one did. Please keep opening classes at affordable prices like this, teacher.”
    Original (Burmese)

    စာသင်တာလဲကောင်းသလို စာမေးရင်လဲ စိတ်ရှည်ရှည်နဲ့ သေချာရှင်းပြပေးတဲ့ ဆရာပါ။ ရှင်း”ပြောရရင် ဒီထက် သင်တန်းကြေးပိုများတဲ့ သင်တန်းတွေ တက်ခဲ့ဖူးပါတယ်။ ဒါပေမဲ့ ဆရာသင်တန်းလောက် အဆင်မပြေခဲ့ပါဘူး။ နောက်လဲ ဒီလိုမျိုး သင်တန်းကြေး သက်သက်သာသာနဲ့ အတန်းလေးတွေ ဖွင့်ပေးပါဦးဆရာ။

    Zaw LinStudent, previous course
  • “Even though it's a recorded class, it has the vibe of a live Zoom class, which made it really easy to learn. I loved that it wasn't only the lessons: the teacher shares useful insights along the way too. Thanks to the teacher, I can now read documentation and build whatever comes my way. I 100% recommend this class.”
    Original (Burmese)

    Record အတန်းဆိုပေမဲ့ Zoom အတန်းလို Vibe မျိုးနဲ့ သင်ရတာ တော်တော်ကို အဆင်ပြေပါတယ်။ စာကြီးပဲ သင်တာမဟုတ်ဘဲ လမ်းကြုံရင် ကြုံသလို Sharing လုပ်ပေးတာကိုလဲ အရမ်းသဘောကျပါတယ်။ အခုဆို ဆရာ့ကျေးဇူးနဲ့ Documentation ဖတ်ပြီး ဘာလာလာ ရေးနိုင်နေပါပြီ။ ဆရာ့အတန်းတက်မဲ့သူတွေကိုလဲ100% recommend ပေးပါတယ်။

    Su Myat NoeStudent, previous course
  • “I really liked learning the fundamentals while building a project. I got a much better feel for what to write and where. Building a real project and learning Next.js at the same time made it a genuinely awesome class.”
    Original (Burmese)

    အခြေခံတွေကို Project ရေးရင်း သင်သွားတာ တကယ်သဘောကျပါတယ်ဆရာ။ ဘယ်လိုနေရာမှာ ဘယ်လိုရေးရတယ်ဆိုတာ ပိုပြီးသိရပါတယ်။ တစ်ခါထဲ Project လဲ ရေးပြီး next js လဲ လေ့လာပြီး ဖြစ်လို့ တကယ်မိုက်တဲ့ အတန်းပါ။

    Past studentStudent, previous course
  • “Unlike other courses I've taken, this one is taught alongside the official documentation, and I really liked that.”
    Original (Burmese)

    တတ်ဖူးတဲ့ သင်တန်းတွေလို မဟုတ်ဘဲ Documentation နဲ့ တွဲသင်သွားတာ တကယ်သဘောကျပါတယ်။

    May Thet HtarStudent, previous course

Enrollment

Enroll in the Course

Reach our admin on whichever channel suits you. They’ll help you pay and get you started. Every option gives you the same full access.

On sale · Save 20%

Sale price:80,000 MMKRegular price:100,000 MMK

Early-bird price ends soon. From 10 Oct 2026 the price goes up to 100,000 MMK.

--Days
--Hours
--Mins
--Secs
  • 20 hours of HD video lessons
  • Lifetime access
  • Telegram group for Q&A
  • All resources in Google Classroom
  • Certificate on completion
  • 7-day refund policy

Pay locally, with help from our admin

  • KBZPay
  • Wave Pay
  • AYA Pay
  • UAB Pay

How enrollment works

  1. 1Contact our adminThrough the website, Telegram or Messenger.
  2. 2Pay locallyThe admin helps you pay with KBZPay, Wave Pay, AYA Pay or UAB Pay.
  3. 3Start learningThe admin gives you access to the course.

FAQ

Questions, answered

Is this course for complete beginners?

No. You should already be comfortable with modern JavaScript (ES6+), React basics like useState and useEffect, and calling APIs with fetch. If you have that, you're ready.

Do I need to know Python or machine learning?

Not at all. You'll use AI tools and AI APIs from JavaScript. No Python, no ML math.

What will I have built by the end?

BookmarkHub, a full SaaS app with auth, file uploads, ⌘K search, AI summaries and auto-tagging, Stripe subscriptions and a daily digest email, deployed live on Render. It's a portfolio project you can show clients and employers.

Are there any extra costs besides the course?

You'll need a paid Claude plan (or API credits) to use Claude Code, and some OpenAI API credit for the AI features. The other services we use offer free tiers that are enough to follow along.

When does the price go up?

The early-bird price is 80,000 MMK. From 10 Oct 2026 it goes up to 100,000 MMK.

How is the course taught? Is it recorded?

It's a recorded video course in HD quality. You'll get a Telegram group for asking questions, the lessons are uploaded to Google Drive, and every resource you need is in Google Classroom, so you can learn at your own pace.

How long does the course take?

There are 20 hours of video. Most students finish in about 2 months, including time to build the final project.

How long can I access the lessons after buying?

You get lifetime access. As long as the course's major outline stays the same, it's yours for life. You could even pass it down to your grandkids.

Do I get a certificate?

Yes. Complete all the assignments and the final project, and you'll receive a certificate.

How do I pay?

Payment is handled personally by our admin. Contact us through the website, Telegram or Messenger, and the admin will help you pay with KBZPay, Wave Pay, AYA Pay or UAB Pay, then give you access to the course.

What if the course isn't right for me?

There's a 7-day refund policy. If the course isn't a fit, contact us within 7 days of enrolling.