Setup the account

You will get $10 in credits by siging via referal program provided by the ScapHold, then you will find this screen:

graphql apollo tutorial



Register:

graphql apollo tutorial



In my case, I create the account via Google Sign-on with my email:

graphql apollo tutorial



After the registration is successful, then you will see the following screen:

graphql apollo tutorial



Then click the "Create An App" button and fill in the form:

graphql apollo tutorial



After the app's creation, you will see the following:

graphql apollo tutorial



Click the button "Add Type" and choose from the list "Type":

graphql apollo tutorial



Let's add first type to the project, which will be called "DashbordItem":

graphql apollo tutorial
This is our collection of our dashboard items. There we will keep the items from the list like AngularJS, BackboneJS, ReactJS etc. (the items were also used in our client-side React + Redux tutorial).



Now, we will need to add the "label" property to the DashboardItem's class:

graphql apollo tutorial



After adding the "label" this is what you shall see on the list:

graphql apollo tutorial
The label property is the "String" type.



OK - now you can click the "Create" button:

graphql apollo tutorial



The final output in the Scaphold's dashboard shall see as following:

graphql apollo tutorial

A summary: at this stage, we shall have the backend DashboardItem class, ready. That means, that we can start working on the client-side in order to fetch the data.

React Poland 2017