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.

Fabian Bosler
The Startup
Published in
11 min readFeb 3, 2020

--

one kitten, two kittens, three kittens

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…

--

--

Fabian Bosler
The Startup

EX-Consultant turned tech geek! Business intelligence, marketing, advanced analytics, and machine learning. 👉 https://medium.com/@fabianbosler/membership 👈