Fullstack example codebases for React, Angular 2, AngularJS, Node, Rails, Django, and more
What is this?
RealWorld is a collection of exemplary frontend and backend codebases that demonstrate how to build real world, full stack applications.
Why?
While most demos/tutorials 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.
How does it work?
You can choose any frontend (React, Angular 2, etc) and any backend (Node, Django, etc) and see how they power a real world, beautifully designed fullstack app called "Conduit" (demo).
Wait, I can use any frontend with any backend?
Yup! All of our frontends & backends adhere to the same API spec, so you can mix & match any desired frontend/backend combo.
What frontends and backends do you currently support?
All of our stacks are built & reviewed by the OSS community. We're always working to add more stacks to this list.
Frontends
| React / Redux | Angular 2+ | Angular 1.5+ |
|---|---|---|
   |
   |
   |
Backends
| Node / Express | Django | Rails |
|---|---|---|
   |
   |
   |
How do I get up & running?
Simply follow the instructions in the README of whatever frontend and/or backend repo's you want to get up and running.
Can you teach me how to build each stack from scratch?
Yup! We've built step-by-step tutorials for all of our stacks that teach you how to go from git init all the way to the production ready application.
Learn more
(About the API spec, Bootstrap templates, Conduit project scope, Getting involved)
- Every tutorial is built against the same API spec to ensure modularity of every frontend & backend
- Every frontend utilizes the same hand crafted Bootstrap 4 theme for identical UI/UX
- There is a hosted version of the backend API available for public usage, no API keys required
Community created resources
Forks, tutorials, workshops, and other resources based on the RealWorld project:
- React+Redux / Node testing workshop by Kent C. Dodds
- Example repo showing the React+Redux and Node stacks working together w/ TDD
Who made this?
The core creators are Eric Simons and Albert Pai — we personally run Thinkster.io, the developer tutorial site where all of these stacks are taught. Thinkster funds this entire project, so please consider investing in a Pro subscription to support the ongoing development of RealWorld!
Special thanks to...
RealWorld wouldn't be possible without the help of the open source community reviewing codebases, creating new app implementations, and many other tasks that help push this project forward. We especially appreciate the OSS leaders who have helped contribute to RealWorld:
- Val Karpov (core contributor of Mongoose) created the React/Redux codebase and authored its accompanying tutorial
- James Brewer (docs contributor to Django) for countless brainstorming sessions, helping name this project, and creating the Django codebase + tutorial
- Dan Abramov (creator of Redux) for sparking the initial idea, getting the Redux community involved, as well as graciously taking the time to provide feedback on the Redux codebase
- Max Lynch (creator of Ionic) for taking the time to provide guidance in the early days of this project
License
All of the codebases are MIT licensed unless otherwise specified.
