realworld-apps/realworld

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

<br/><br/>  <p align="center"> <img src="assets/media/frameworks.svg" alt="Frontend and Backend Frameworks" width="720"/> </p> <br/> ### See how [_the exact same_ Medium.com clone](https://demo.realworld.show) is built using different [frontends](https://codebase.show/projects/realworld?category=frontend) and [backends](https://codebase.show/projects/realworld?category=backend) You can combine any frontend with any backend, because **they all adhere to the same [API spec](specs/api/)** While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge required to actually build _real_ applications with it — nor the real-world constraints a minimal demo never has to face. **RealWorld** solves this problem by providing the same demo app for each framework, at a sweet spot between simplicity and breadth. Join us on [GitHub Discussions!](https://github.com/realworld-apps/realworld/discussions) 🎉 # Implementations Over 100 implementations have been created using various languages, libraries, and frameworks. Explore them on [**CodebaseShow**](https://codebase.show/projects/realworld). ## Spec-compliant backends These backends pass the full [API spec test suite](https://docs.realworld.show/specifications/backend/introduction/): - [**Nitro + Prisma + Zod**](https://github.com/realworld-apps/nitro-prisma-zod-realworld-example-app) — TypeScript - [**Django Ninja**](https://github.com/c4ffein/realworld-django-ninja) — Python # Create a new implementation [**Create a new implementation >>>**](https://docs.realworld.show/implementation-creation/introduction/) Or you can [view upcoming implementations (WIPs)](https://github.com/realworld-apps/realw