{"id":15826420,"url":"https://github.com/awran5/react-firebase-dashboard","last_synced_at":"2026-04-12T13:51:06.040Z","repository":{"id":123896558,"uuid":"301941732","full_name":"awran5/react-firebase-dashboard","owner":"awran5","description":"Simple Google authentication sign-in page build with React and firebase.","archived":false,"fork":false,"pushed_at":"2021-10-08T02:10:23.000Z","size":831,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-12T10:06:30.012Z","etag":null,"topics":["dashboard","firebase","firebase-auth","firebase-authentication","google-authentication","google-sign","material-ui","react-hooks","reactjs"],"latest_commit_sha":null,"homepage":"https://react-firebase-dashboard.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awran5.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-07T06:03:10.000Z","updated_at":"2022-05-23T18:47:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"fdf3f761-af3c-4860-a8bf-5eba6016bd45","html_url":"https://github.com/awran5/react-firebase-dashboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Freact-firebase-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Freact-firebase-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Freact-firebase-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Freact-firebase-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awran5","download_url":"https://codeload.github.com/awran5/react-firebase-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246622809,"owners_count":20807211,"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":["dashboard","firebase","firebase-auth","firebase-authentication","google-authentication","google-sign","material-ui","react-hooks","reactjs"],"created_at":"2024-10-05T10:00:31.950Z","updated_at":"2026-04-12T13:51:01.020Z","avatar_url":"https://github.com/awran5.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Firebase Dashboard\n\nSimple React App that showcasing how you can implement Google Sign-in method using firebase authentication. This App is built with React Hooks and Context API and used free [Material-UI](https://material-ui.com/getting-started/templates/) starter [Sign-in side](https://material-ui.com/getting-started/templates/sign-in-side/) combined with [Dashboard](https://material-ui.com/getting-started/templates/dashboard/) templates.\n\n## Installation\n\n- Create a new [firebase](https://console.firebase.google.com/) project or use your existing one.\n- You'll need to enable **Google authentication** from `Authentication` \u003e `Sign-in` method and **Cloud Firestore** database in order to save users in firestore database. Here is a good [tutorial](https://www.youtube.com/watch?v=e8GA1UOj8mE) you can follow.\n- Create a new `.env.local` file inside the main app folder and copy/paste your firebase project `configuration`.\n\n```bash\n  REACT_APP_FIREBASE_API_KEY = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_AUTH_DOMAIN = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_DATABASE_URL = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_PROJECT_ID = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_STORAGE_BUCKET = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_MESSAGING_SENDER_ID = xxxxxxxxxxxxxxxxxxxxxx\n  REACT_APP_FIREBASE_APP_ID = xxxxxxxxxxxxxxxxxxxxxx\n```\n\n## Dependencies\n\n1. [Firebase](https://firebase.google.com/)\n2. [React Firebase Hooks](https://www.npmjs.com/package/react-firebase-hooks)\n3. [React Router Dom](https://reactrouter.com/web/guides/quick-start)\n4. [Material-UI](https://material-ui.com)\n5. [React Context API](https://reactjs.org/docs/context.html)\n\n## Changelog\n\n#### 10/08/2021\n\n- Update: MUI 5\n- Update: dependencies\n\n#### 12/09/2021\n\n- Update: firebase 9\n- Update: All dependencies\n- Add: eslint airbnb config\n- Remove: React Context\n- Remove: option to add users to cloud firesote\n- Clean up code and minor bug fixed.\n\n#### 11/16/2020\n\n- Refactor code to TypeScript\n- Add: Error message when sign-in\n- Add: Timestamp for newly created users\n- Update: Dependencies\n- fix: Minor bugs\n\n## [Live example](https://react-firebase-dashboard.vercel.app/)\n\n## [CodeSandbox](https://codesandbox.io/s/react-material-ui-dashboard-99vt4) (code only - not authorized)\n\n### License\n\nThis project is licensed under the terms of the [MIT License](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawran5%2Freact-firebase-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawran5%2Freact-firebase-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawran5%2Freact-firebase-dashboard/lists"}