THE ULTIMATE GUIDE — BUILD YOUR OWN FULL-STACK REACT APP
Building the Frontend for a Milestone Referral Program (I/II)
Learn how to scaffold a React.js app, change the defaults, set up a columnar layout and build your first component with react-bootstrap.
This article is the first of a planned series of articles to develop, build, and deploy a full-stack app. The pieces are all intended as code-along articles and to be as self-contained as possible. There is a repo accompanying the series. In the repo, there will be a branch to reflect every step of the app development.
The app itself is going to be a template for a milestone referral program and can thus be easily adjusted and used for various scenarios. The idea behind a milestone referral program is that every referral somebody makes brings them closer to achieving a particular milestone and claim a prize. For our example, we are going to use cute kitten images, because, who doesn’t love kittens?
Note: It hopefully goes without saying that there are no live kittens involved.
Structure of this article
This article deals with setting up the foundation of our app and is the first…