You can combine any frontend with any backend, because they all adhere to the same API spec

While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it.

RealWorld solves this by allowing you to choose any frontend (React, Angular, & more) and any backend (Node, Django, & more).

Read the full blog post announcing RealWorld on Medium.

Join us on GitHub Discussions! 🎉

Over 100 implementations have been created using various languages, libraries, and frameworks.

Explore them on CodebaseShow.

Create a new implementation >>>

Or you can view upcoming implementations (WIPs).

• Documentation introduction
• Every tutorial is built against the same API spec to ensure modularity of every frontend & backend
• Every frontend utilizes the same handcrafted Bootstrap 4 theme for identical UI/UX
• There is a hosted version of the backend API available for public usage at api.realworld.build (with strong account isolation), no API keys are required
• There is an angular frontend plugged to this backend available at demo.realworld.build
• Interested in creating a new RealWorld stack? View our starter guide & spec

• c4ffein - Maintainer - currently maintains the demo website
• Manuel Vila - Maintainer - creator of the Layr framework and the CodebaseShow website