Professional Riders and the Mountains climbed.

This example showcases StepZen data linking using the @materilizer to bring together professional bikers, details of the mountains they have rode, and the bikes that they are riding on.

Keep in mind, this is sample data and the mountains and bikes these professional riders have rode is dummy data.

Demo

https://riders-frontend.herokuapp.com/

---

Configuration

Step 1. Install Dependences

yarn install
or
npm install

Step 2. StepZen Start

$ cd stepzen
$ stepzen start

Runs the stepzen endpoint in the development mode.
Open http://localhost:5000/foo/bar to view it in the browser based on what you named your endpoint.

Copy the endpoint you generated to add as a .env variable in Step 3. --> https://{your_account}.stepzen.net/foo/bar/__graphql

Step 3. Start React Front-End

$ cd ..
$ cp .env.example .env
// paste your account key and endpoint from Step 2
$ yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. 🚀🚀🚀