{"id":20307296,"url":"https://github.com/oktadev/okta-react-user-auth-example","last_synced_at":"2025-06-25T09:33:58.821Z","repository":{"id":39555333,"uuid":"172937012","full_name":"oktadev/okta-react-user-auth-example","owner":"oktadev","description":"React and User Authentication","archived":false,"fork":false,"pushed_at":"2022-12-09T14:03:54.000Z","size":2940,"stargazers_count":7,"open_issues_count":1,"forks_count":7,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-03T03:47:47.373Z","etag":null,"topics":["authentication","javascript","react","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oktadev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-27T15:07:06.000Z","updated_at":"2023-01-31T17:12:18.000Z","dependencies_parsed_at":"2022-09-16T23:40:25.573Z","dependency_job_id":null,"html_url":"https://github.com/oktadev/okta-react-user-auth-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/oktadev/okta-react-user-auth-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oktadev%2Fokta-react-user-auth-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oktadev%2Fokta-react-user-auth-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oktadev%2Fokta-react-user-auth-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oktadev%2Fokta-react-user-auth-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oktadev","download_url":"https://codeload.github.com/oktadev/okta-react-user-auth-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oktadev%2Fokta-react-user-auth-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261844815,"owners_count":23218440,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","javascript","react","reactjs"],"created_at":"2024-11-14T17:17:07.694Z","updated_at":"2025-06-25T09:33:58.776Z","avatar_url":"https://github.com/oktadev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Example App Using React and Okta\n\nThis example app shows how to create a simple web app using React and Okta for authentication. This looks up Chuck Norris jokes, replacing the name Chuck Norris with the user's own name if they are signed in.\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n**Prerequisites**: [Node.js](https://nodejs.org/en/) and [Yarn](https://yarnpkg.com/lang/en/).\n\n## Getting Started\n\nTo install this example application, run the following commands:\n\n```bash\ngit clone git@github.com:oktadeveloper/okta-react-user-auth-example.git\ncd okta-react-user-auth-example\nyarn\n```\n\nThis will install a local copy of the project. You will need to set up some environment variables before the app will run properly.\n\nTo integrate Okta's Identity Platform for user authentication, you'll first need to:\n\n* [Sign up for a free Okta Developer account](https://www.okta.com/developer/signup/)\n* You will get a URL similar to `https://dev-123456.oktapreview.com`.\n  * Save this URL for later\n  * You will also use this URL to login to your Okta account\n\nYou will need to create an application in Okta:\n\n* Log in to your Okta account, then navigate to **Applications** and click the **Add Application** button\n* Select **Single-Page App** and click **Next**\n* Give your application a name (e.g. \"My React App\")\n* Change the **Base URI** to `http://localhost:3000/` and the **Login redirect URI** to `http://localhost:3000/implicit/callback`, then click **Done**\n* Save your **Client ID** for later\n\nYour Okta application should have settings similar to the following:\n\n![Okta Application Settings](images/okta-app-settings.png)\n\nNow create a file called `.env.local` in the project root and add the following variables, replacing the values with your own from the previous steps.\n\n**.env.local**\n```bash\nREACT_APP_OKTA_CLIENT_ID={yourClientId}\nREACT_APP_OKTA_ORG_URL=https://{yourOktaOrgUrl}\n```\n\nNow you can run the React frontend with the following command:\n\n```bash\nyarn start\n```\n\n## Links\n\nThis example uses the [Okta React SDK](https://github.com/okta/okta-oidc-js/tree/master/packages/okta-react).\n\n## Help\n\nPlease [raise an issue](https://github.com/oktadeveloper/okta-react-user-auth-example/issues) if you find a problem with the example application, or visit our [Okta Developer Forums](https://devforum.okta.com/). You can also email [developers@okta.com](mailto:developers@okta.com) if would like to create a support ticket.\n\n## License\n\nApache 2.0, see [LICENSE](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foktadev%2Fokta-react-user-auth-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foktadev%2Fokta-react-user-auth-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foktadev%2Fokta-react-user-auth-example/lists"}