An open API service indexing awesome lists of open source software.

https://github.com/kbennett2000/concord-tutorial-web

Build your first app on top of Concord — a five-lesson course for the curious. No experience needed.
https://github.com/kbennett2000/concord-tutorial-web

Last synced: 6 days ago
JSON representation

Build your first app on top of Concord — a five-lesson course for the curious. No experience needed.

Awesome Lists containing this project

README

          

![Concord — now build with it.](docs/banner.svg)

# concord-tutorial-web

Welcome. You're about to build a real web app — one that compares Bible translations side by
side and shows *where* Scripture happened — and run it on your own computer.

Five short lessons, one new idea each. By the end you'll have something you can open in front of
a friend or your pastor and say *"I built this"* — because the point isn't the app, it's **you**
becoming a builder.

## Who this is for

You don't need any experience. If you've never written a line of code and you're not quite sure
what an "API" is yet, you're exactly who this course is for.

> **Already a developer?** You're welcome to skim — but this is a "your first app" course written
> for beginners, deliberately not dense. For a fast, complete reference, go straight to Concord's
> [`docs/API.md`](https://github.com/kbennett2000/concord/blob/main/docs/API.md).

## Before you start

> **Concord needs to be running** on a computer you can reach. Check it in 30 seconds — open
> this in your browser:
>
> ```
> http://localhost:8000/healthz
> ```
>
> You're ready when a short line of data comes back — a few counts (how many translations,
> verses, and places Concord knows about), not a styled web page. If nothing loads or you get an
> error, it's an easy fix: see [When it won't connect](SETUP.md#when-it-wont-connect), or head to
> Concord's [Quick start](https://github.com/kbennett2000/concord#quick-start) to get it running.

Lesson 1 needs nothing but your browser. Lesson 2 onward needs a quick one-time setup — see
[SETUP.md](SETUP.md) when you get there.

## Start here

Start with [Lesson 1](lessons/01-is-it-on/) — it takes about two minutes, with nothing installed.

What's ahead, one small win at a time: a quick verse fetcher, search by meaning, a
translation-comparer, and — if you want it — a map.

And when you've finished all five, there's a next course when you're ready:
**[concord-tutorial-react](https://github.com/kbennett2000/concord-tutorial-react)** picks up right
where this one ends and walks you into React — finishing with you reading a real app's source.

## License

MIT © 2026 Kris Bennett — see [`LICENSE`](LICENSE). (Parity with Concord.)