{"id":25269892,"url":"https://github.com/javascript-pro/react-firebase-bolierplate","last_synced_at":"2025-04-06T06:15:07.726Z","repository":{"id":89534284,"uuid":"104031567","full_name":"javascript-pro/react-firebase-bolierplate","owner":"javascript-pro","description":"PWA client with a Manager Application in using the same development environment","archived":false,"fork":false,"pushed_at":"2017-09-19T05:45:53.000Z","size":239,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T11:37:24.767Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react-firebase-bolierpla-74356.firebaseapp.com/","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/javascript-pro.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":"2017-09-19T05:43:09.000Z","updated_at":"2019-09-26T23:07:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"f4111ac5-1734-4e8b-84f4-e591debc4b77","html_url":"https://github.com/javascript-pro/react-firebase-bolierplate","commit_stats":null,"previous_names":["javascript-pro/react-firebase-bolierplate"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Freact-firebase-bolierplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Freact-firebase-bolierplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Freact-firebase-bolierplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Freact-firebase-bolierplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javascript-pro","download_url":"https://codeload.github.com/javascript-pro/react-firebase-bolierplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247441060,"owners_count":20939239,"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":[],"created_at":"2025-02-12T11:27:55.466Z","updated_at":"2025-04-06T06:15:07.711Z","avatar_url":"https://github.com/javascript-pro.png","language":"JavaScript","readme":"![alt text](https://image.ibb.co/m2tUzF/icon_96x96.png \"Logo Title Text 1\")\n\n# [React Firebase Bolierplate](https://github.com/aligent-chris-dorward/react-firebase-bolierplate)\n\nMultiple React applications in a single development environment.\n\n## Features\n\n* PWA Client Application\n* Manager Application with easy UI using [Bootstrap](https://getbootstrap.com/)\n* Shared components \u0026 Sass styles\n* [Firebase](https://firebase.google.com) hosting \u0026 NoSQL Databse \u0026 User authentication\n* Webpack\n* Jest Unit testing [Jest](https://facebook.github.io/jest/)\n\n## 1) Setup\n\nInstall the node dependencies locally. note: Latest versions of npm automatically generate a [package-lock.json](https://docs.npmjs.com/files/package-lock.json) file\n\n```bash\ngit clone git@bitbucket.org:aligent/react-firebase-bolierplate.git\ncd react-firebase-bolierplate\nnpm install\ncd functions \u0026\u0026 npm install \u0026\u0026 cd ../\n```\n\n## 2) Verify install\n\nStart the development server. If everything is working correctly, the app will be running on http://localhost:3000.\n```bash\nnpm start\n```\nOpen `/src/Apps/Client/Client.jsx`\n\n\nRun the Jest testing suite\n```bash\nnpm test\n```\n\nCreate the first optimised production build in the ./build directory.\n\n```bash\nnpm run build\n```\n\n## 3) Setup Firebase\n\nLogin to the [Firebase console](https://console.firebase.google.com/u/0/) (create an account if you do not already have one). Create a new project in the console. Open `/.firebaserc` and replace `\u003cfirebase-project-id\u003e` with your newly created Firebase Project ID.\n\n### Firebase Authentication\n\nEnable the [Identity Toolkit API](https://console.developers.google.com/apis/api/identitytoolkit.googleapis.com/overview?project=269080579378).\n\nIn firebase console for your project, we will enable 2 sign in methods. We will use Google to allow Client users to quickly register their devices and Email/Password to control access to the Manager App.\n\nSelect Authentication from the left hand menu and in the Sign-in method tab, enable the email/password and Google providers.\n\nSwitch to the Users tab and set up a user account for the manager app.\n\n### Firebase Deployment\n\n Install the [Firebase CLI tools](https://firebase.google.com/docs/cli/) and log the CLI in.\n\n```bash\nsudo npm install -g firebase-tools\nfirebase login\n```\nNow we can use Firebase to serve our optimised build folder to check it's readyness for deployment to the cloud. If everything is working correctly, the optimised app will be running on http://localhost:5000.\n\n```bash\nnpm run serve\n```\n\nAll good so far? Then we're ready to deploy the project to the cloud.\n```bash\nnpm run deploy\n```\nThe first time you deploy the project will take a little longer than subsequent times as Firebase enables and activates the APis it needs. Once the deployment is done, the CLI will let you know the URL of your publically accessible app.\n\n\n## Carry on\n\nCheck out the site's score using Google's [Lighthouse PWA Analysis Tool](https://developers.google.com/web/ilt/pwa/lighthouse-pwa-analysis-tool). Nearly 100%? Pretty good huh? Keep checking in with lighthouse as you develop your app to keep the autit score as high as possible.\n\nCongratulations, you're all set. Now go forth and create something cool.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Freact-firebase-bolierplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavascript-pro%2Freact-firebase-bolierplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Freact-firebase-bolierplate/lists"}