Skip to content
CodeFlow
Made for school & college students

Learn programming by building flowcharts

Create. Run. Understand.

Snap blocks together like a story, press Run, and watch your program think out loud. No installation and no syntax. It works right in your browser.

Start building Try an example
  • No installationWorks in your browser
  • Student friendlyPlain words, big buttons
  • Free to startNo account needed
Adult or minor?

FlowBot: I'm checking 17 >= 18
The answer is NO.

  • 35example programs
  • 15challenges with hints
  • 13blocks to build with
  • 0things to install
How it works

Watch a program come to life

Scroll down to build a real program, one block at a time. Then watch it run, just like it does in the editor.

RunningAdult or minor?10/10
A flowchart: Start, then Ask “What is your age?”, then a Decision “age >= 18?”. Yes tells “You are an adult”, No tells “You are a minor”, and both lead to End.

  1. Build · Step 1

    Start

    Every program begins with Start.

  2. Build · Step 2

    Ask a question

    An Ask block asks the user something, and keeps the answer in a value called age.

  3. Build · Step 3

    Make a decision

    A Decision asks a yes-or-no question: is age >= 18?

  4. Build · Step 4

    Two paths

    Each answer gets its own path. Yes tells them they're an adult, No that they're a minor.

  5. Build · Step 5

    Finish

    Both paths meet at End. That's a whole program! Now let's press Run.

  6. Run · Step 6

    Run

    FlowBot saysProgram started.

  7. Run · Step 7

    It asks

    FlowBot saysI'm asking: "What is your age?"

  8. Run · Step 8

    You type 17

    FlowBot saysGot it! I stored 17 in "age".

  9. Run · Step 9

    It decides

    FlowBot saysI'm checking: age >= 18 → NOSo I'll follow the "NO" path.

  10. Run · Step 10

    It tells you

    FlowBot saysI'm telling the user: "You are a minor"Program finished.
Open this program Read the Guide
Why CodeFlow

Everything a beginner needs

Built around one idea: you should understand the logic before you have to worry about syntax.

Blocks, not syntax

Ask, Tell, Decide, Repeat. Every block uses plain words, so there is no code to memorise.

Watch it run

The active block lights up as your program runs, so you can see exactly where it is.

One step at a time

Press Step to move through your program slowly and watch every value change.

FlowBot explains

A friendly robot says what is happening in plain English: “I'm checking: age >= 18 → NO”.

Real JavaScript

One click shows your flowchart as real code, a gentle bridge to typing programs.

Challenges & hints

15 challenges from Basic to Complex, each with three hints that nudge you without giving the answer away.

Examples

35 programs to explore

From “Hello World” to a hotel food order with GST. Open one, press Run, then change it and make it yours.

Beginner

Hello World

Ask for a name and greet the user.

Input & outputOpen
Beginner

Even or Odd

Check whether a number is even or odd.

DecisionsOpen
Intermediate

Traffic Light

Say what to do for each light colour.

Many decisionsOpen
Advanced

Hotel Food Order

Order dishes from a menu, then get a bill with discount and GST.

Loops + decisionsOpen
See all 35 examples
Challenges

15 challenges, from Basic to Complex

Each one starts you on an empty canvas with a goal. Stuck? Ask for a hint. There are three, and the first never gives the answer away.

Basic5 challenges

Ask, Tell and simple decisions

  • Say Hello
  • Add Two Numbers
  • and 3 more
See Basic challenges
Medium5 challenges

Loops, Choose and handy functions

  • Count from 1 to 10
  • Even Numbers to 20
  • and 3 more
See Medium challenges
Complex5 challenges

Lists, random numbers and bigger ideas

  • Favourite Fruits
  • Biggest and Smallest
  • and 3 more
See Complex challenges
Who it's for

For every kind of learner

School students

Plain words and big buttons, free to start with no account. Coming soon in Pro: more than 500 challenges and examples, in levels that grow with you.

See plans

College students

Starting a programming course? Get the logic right before the syntax. Every flowchart shows as real JavaScript, and the Complex challenges, with lists, loops and random numbers, are a good stretch.

See plans

Teachers & institutions

Use CodeFlow in class or the lab free today. Coming soon: a teacher login to create your own challenges and assign them to students.

For educators

Build your program like a story

“Everyone can learn to program. It just takes the right tools.” Your first program is about a minute away.

Start building now