THE ULTIMATE GUIDE — BUILD YOUR OWN FULL-STACK REACT APP

Learn how to use React-Router and Styled-Components to create a Landing Page, Profile, Signup/Login, About, Navbar, and Footer

Building the Frontend for a Milestone Referral Program (II/II)

This article is the second of a series of articles to develop, build, and deploy a full-stack app. The app itself is going to be a template for a milestone referral program. You can then easily customize the app for your use-cases. 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 kittens as milestones.

The series of articles 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 at least one branch to reflect every step of the app development (medium series).

In part I, we have scaffolded a react app, swapped out some defaults, and built the first component. If you haven’t read part one, I advise you to go back there and quickly skim over it.