{"id":18440746,"url":"https://github.com/zhrgns/firebaseintegrationforexpogoapp","last_synced_at":"2025-08-30T07:06:19.649Z","repository":{"id":186406021,"uuid":"675094842","full_name":"zhrgns/firebaseIntegrationForExpoGoApp","owner":"zhrgns","description":"Simple Guide to Use Firebase in your app with Expo Go","archived":false,"fork":false,"pushed_at":"2023-08-05T22:53:48.000Z","size":3650,"stargazers_count":23,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T04:38:28.931Z","etag":null,"topics":["expo-go","expo-go-app","firebase","firebase-auth","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhrgns.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-05T18:55:16.000Z","updated_at":"2025-03-27T12:40:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"c95de605-b12d-4ea4-ae46-0118aacd691f","html_url":"https://github.com/zhrgns/firebaseIntegrationForExpoGoApp","commit_stats":null,"previous_names":["zhrgns/firebaseintegrationforexpogoapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zhrgns/firebaseIntegrationForExpoGoApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhrgns%2FfirebaseIntegrationForExpoGoApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhrgns%2FfirebaseIntegrationForExpoGoApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhrgns%2FfirebaseIntegrationForExpoGoApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhrgns%2FfirebaseIntegrationForExpoGoApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhrgns","download_url":"https://codeload.github.com/zhrgns/firebaseIntegrationForExpoGoApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhrgns%2FfirebaseIntegrationForExpoGoApp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272816118,"owners_count":24997711,"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","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["expo-go","expo-go-app","firebase","firebase-auth","react-native"],"created_at":"2024-11-06T06:32:49.787Z","updated_at":"2025-08-30T07:06:19.595Z","avatar_url":"https://github.com/zhrgns.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Firebase Authentication Integration with React Native Expo Go App\n\nSimple Guide to Use Firebase in your app with Expo Go\n\nDecided to prepare a resource because I couldn't find enough information about using Firebase services in my mobile application project written with React Native using Expo Go. In this resource, I will share a simple Firebase Authentication code snippet to see that Firebase integration and setup are completed, and we can continue development with Expo Go App.\n\n![Icon](./assets/icon.jpg)\n\n\nTo briefly explain what Firebase is, it is a Backend-as-a-Service (BaaS) application development platform that offers backend services such as Realtime Database, Cloud Storage, Authentication, Analytics, and more. It uses Google's infrastructure and is automatically scalable. The fact that many of its features are accessible for free is also a great advantage.\n\nReact Native Firebase library does not support Expo Go app. However, it is possible to use some of Firebase's services, not all, in our project using Firebase JS SDK. The installation is also straightforward.\n\n\n\n## Creating a Firebase Project and Other Setup:\n\nFirstly, you need to go to the Firebase console and create a Firebase project. Then, since we will install the JS SDK, we need to open a web app in the Firebase project. After registering the app, let's copy the provided config code.\n\n![Icon](./assets/3.gif)\n\nThen, in our project directory, let's add the Firebase JS SDK to our Expo project with the following command:\n\n```\nnpx expo install firebase\n```\n\nDuring the Web-App setup, we need to create a file named 'firebaseConfig.js' under the root directory and add the Firebase configuration information there. We can access this information from project settings later.\n\n```\n// Import the functions you need from the SDKs you need\nimport { initializeApp } from \"firebase/app\";\n// TODO: Add SDKs for Firebase products that you want to use\n// https://firebase.google.com/docs/web/setup#available-libraries\n\n// Your web app's Firebase configuration\nconst firebaseConfig = {\n  apiKey: \"\",\n  authDomain: \"\",\n  projectId: \"\",\n  storageBucket: \"\",\n  messagingSenderId: \"\",\n  appId: \"\"\n};\n\n// Initialize Firebase\nexport const app = initializeApp(firebaseConfig);\n```\n\nIn the final step, let's create a file named 'metro.config.js' in the root folder of our project and place the following code inside it.\n\n```\nconst { getDefaultConfig } = require('@expo/metro-config');\nconst defaultConfig = getDefaultConfig(__dirname);\ndefaultConfig.resolver.sourceExts.push('cjs');\nmodule.exports = defaultConfig;\n```\nThat's it! We have completed the installation with the Firebase JS SDK!\n\nWe can start using it in our Expo Go App.\n\n## Using Firebase Authentication\nLet's verify if the installation of Firebase Authentication is correct by trying a simple signUp process.\n![Icon](./assets/4.gif)\n\n```\nimport { StyleSheet, Text, View, TouchableOpacity} from \"react-native\";\nimport { getAuth, createUserWithEmailAndPassword } from \"firebase/auth\";\nimport { app } from \"./firebaseConfig.js\";\n\nexport default function App() {\n    function signUp() {\n        const auth = getAuth(app);\n\n        createUserWithEmailAndPassword(\n            auth,\n            \"jane.doe@example.com\",\n            \"SuperSecretPassword!\"\n        )\n            .then((res) =\u003e console.log(res))\n            .catch((err) =\u003e console.log(err));\n            \n    }\n\n    return (\n        \u003cView style={styles.container}\u003e\n            \u003cText style={styles.text}\u003eCheck For Firebase Integration!\u003c/Text\u003e\n\n                \u003cTouchableOpacity style={styles.button_container} onPress={signUp}\u003e\n                \u003cText style={styles.button_text}\u003eSignUp\u003c/Text\u003e\n            \u003c/TouchableOpacity\u003e\n        \u003c/View\u003e\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        justifyContent: \"center\",\n        marginTop: 48,\n    },\n    text: {\n        fontWeight:\"bold\",\n        textAlign:\"center\",\n        fontSize:24,\n    },\n    button_text: {\n        textAlign:\"center\",\n        fontSize:24,\n        color:\"#1976d2\"\n    },\n    button_container: {\n        borderRadius: 15,\n        flexDirection: \"row\",\n        margin: 16,\n        padding:24,\n        justifyContent:\"center\",\n        backgroundColor:\"#e6e6e6\"\n    },\n});\n\n```\n![Icon](./assets/5.gif)\n![Icon](./assets/6.jpg)\n\nLet's check if the code is running and if our user information is displayed in the Firebase console.\n\n\nThen we can use Firebase's JS SDK supported services in our Expo Go app.\n\nHappy coding!\n\n---\nSource: https://docs.expo.dev/guides/using-firebase/\n\nGithub: https://github.com/zhrgns/firebaseIntegrationForExpoGoApp\n\nMedium: https://medium.com/@fzehragunes/expo-go-app-ile-firebase-kullan%C4%B1m%C4%B1-ve-firebase-authentication-kurulumu-522079650e29\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhrgns%2Ffirebaseintegrationforexpogoapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhrgns%2Ffirebaseintegrationforexpogoapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhrgns%2Ffirebaseintegrationforexpogoapp/lists"}