back to home

realworld-apps / realworld

"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more

82,869 stars
7,562 forks
41 issues
TypeScriptBruHurl
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing realworld-apps/realworld in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/realworld-apps/realworld)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

RealWorld Example Applications

<p align="center" style="margin-top: 30px;"><img src="assets/media/stacks_hr.gif"></p>

See how the exact same Medium.com clone is built using different frontends and backends

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! 🎉

Implementations

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

Explore them on CodebaseShow.

Create a new implementation

Create a new implementation >>>

Or you can view upcoming implementations (WIPs).

Learn more

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

Active Maintainers