title: React SPA with OIDC PKCE and identityserver.io
body: <p>As a school assignment I have to make the following:</p>
  
  <h1>Overview</h1>
  
  <p>Create a React SPA which does the following:</p>
  
  <ol>
  <li><p>Authenticates against (<a href="https://demo.identityserver.io/" rel="nofollow noreferrer">Welcome to the IdentityServer4 demo site</a>) using the authorization code flow with PKCE</p></li>
  <li><p>Calls (<a href="https://demo.identityserver.io/api/test" rel="nofollow noreferrer">test</a>) using the correct token</p></li>
  </ol>
  
  <h1>Detail</h1>
  
  <p>Create a SPA in <strong>React</strong>. Usage of React is mandatory this time.</p>
  
  <ul>
  <li><p>add a library which adds OIDC protocol support to the SPA. <strong>Make sure the authorization code flow with PKCE is supported</strong></p></li>
  <li><p>use  (<a href="https://demo.identityserver.io/" rel="nofollow noreferrer">Welcome to the IdentityServer4 demo site</a>)as your authorization server. This authorization server supports the authorization code flow with PKCE</p></li>
  <li><p>call (<a href="https://demo.identityserver.io/api/test" rel="nofollow noreferrer">test</a>) using the correct token and show the results back to the user</p></li>
  <li><p>host the react app on Netlify</p></li>
  </ul>
  
  <p>As a beginner in this field, I totally don’t understand the assignment. Can anybody help me out? </p>