This repository contains an Github hosted React app that works with a cloud hosted instance of FusionAuth.

The gitpod instance will first start up a FusionAuth application on port 9011.

Additionally, there is a React application running on port 3000, which is loaded into the right hand panel.

You can log in to the React application with 'admin@example.com', password 'password'.

You can see the logs for the FusionAuth application in the fusionauth/logs directory.

Visit https://fusionauth.io/docs/quickstarts/quickstart-javascript-react-web for a step by step guide on how to build this React app integrated with FusionAuth from scratch.

docker compose up -d

The FusionAuth configuration files also make use of a unique feature of FusionAuth, called Kickstart: when FusionAuth comes up for the first time, it will look at the Kickstart file and mimic API calls to configure FusionAuth for use when it is first run.

NOTE: If you ever want to reset the FusionAuth system, delete the volumes created by docker compose by executing docker compose down -v.

FusionAuth will be initially configured with these settings:

• Your client Id is: e9fdb985-9173-4e01-9d73-ac2d60d1dc8e
• Your client secret is: super-secret-secret-that-should-be-regenerated-for-production
• Your example username is richard@example.com and your password is password.
• Your admin username is admin@example.com and your password is password.
• Your fusionAuthBaseUrl is http://localhost:9011/

You can log into the FusionAuth admin UI and look around if you want, but with Docker/Kickstart you don't need to.

The complete-application directory contains a minimal React app configured to authenticate with locally running FusionAuth.

Install dependencies and run the React app with:

cd complete-application
npm i
npm run dev

Now vist the React app at http://localhost:3000 You can log in with a user preconfigured during Kickstart, richard@example.com with the password of password.

Visit https://fusionauth.io/docs/quickstarts/quickstart-javascript-react-web for a step by step guide on how to build this React app integrated with FusionAuth from scratch.

• I get This site can’t be reached localhost refused to connect. when I click the Login button

Ensure FusionAuth is running in the Docker container. You should be able to login as the admin user, admin@example.com with the password of password at http://localhost:9011/admin

Please note that code snippets from this repository are pulled into this tutorial on the fusionauth site. Please consider this when making changes here.