Fullstack example codebases for React, Angular 2, AngularJS, Node, Rails, Django, and more

Most examples and tutorials only cover simple examples like "todo" apps and rarely show you how to build real world, production ready fullstack apps. They don't cover actually deploying your applications into a production environment either.

To solve this problem, we worked with (and funded) OSS community leaders to create a series of frontend, backend and deployment codebases & tutorials that can be mixed & matched (the backends all create the same API & the frontends use the same UI templates/styles). Every tutorial teaches you how to build Conduit (demo), a beautifully designed and fully featured social blogging platform, from scratch. The tutorials also teach you best practices & expert protips for each stack as well as how to deploy it to production environments on AWS, Heroku, and more.

NOTE: Everything here is still a WIP -- PR's and issues welcome!

Supported stacks

These are continually kept up to date and we're always looking to add more -- PR's and issues welcome!

Frontend

Angular 2

Github Repo
Tutorial (Nov '16)

React / Redux

Github Repo
Tutorial (Oct '16)

Angular 1.5+ (ES6 & Components)

Backend

Node

Github Repo
Tutorial (Nov/Dec '16)

Django

Github Repo
Tutorial (Nov/Dec '16)

Rails

Github Repo
Tutorial (Oct '16)

How this works

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

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!

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 in the stacks folder are MIT licensed unless otherwise specified.

Docs in this repo are Creative Commons licensed.

jeremycardona / realworld