{"id":24738322,"url":"https://github.com/ifycode-experiments/auth-guide-react-app","last_synced_at":"2026-04-20T09:02:03.058Z","repository":{"id":46012726,"uuid":"427124411","full_name":"Ifycode-experiments/auth-guide-react-app","owner":"Ifycode-experiments","description":null,"archived":false,"fork":false,"pushed_at":"2021-11-22T08:44:57.000Z","size":622,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-22T18:18:47.578Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Ifycode-experiments.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}},"created_at":"2021-11-11T19:49:47.000Z","updated_at":"2021-11-22T08:45:00.000Z","dependencies_parsed_at":"2022-09-21T04:12:30.203Z","dependency_job_id":null,"html_url":"https://github.com/Ifycode-experiments/auth-guide-react-app","commit_stats":null,"previous_names":["ifycode-experiments/auth-guide-react-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ifycode-experiments/auth-guide-react-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifycode-experiments%2Fauth-guide-react-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifycode-experiments%2Fauth-guide-react-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifycode-experiments%2Fauth-guide-react-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifycode-experiments%2Fauth-guide-react-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ifycode-experiments","download_url":"https://codeload.github.com/Ifycode-experiments/auth-guide-react-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifycode-experiments%2Fauth-guide-react-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32040353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"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":[],"created_at":"2025-01-27T22:35:58.743Z","updated_at":"2026-04-20T09:02:02.987Z","avatar_url":"https://github.com/Ifycode-experiments.png","language":"JavaScript","readme":"\n# React (firebase) auth guide app\n\nFirebase authentication guide app with create-react-app. The guide helps to understand how the app works itself. More information on the user roles and what not-logged in users, logged in users and admins will be able to do with this app coming soon after app completion.\n\n\n## About compiling less to css\n\n`npm run dev` script takes care of watching changes in the less folder and run the app. `FAST_REFRESH=false` is added to the start script to fix compile issues with create react app. Incase this doesn't work for you, see [development server of create-react-app does not auto refresh](https://stackoverflow.com/questions/43274925/development-server-of-create-react-app-does-not-auto-refresh) stackoverflow question or [hot Reload stopped working with React \"^17.0.1\"](https://github.com/facebook/create-react-app/issues/9904) github issue.\n\n## Helpful React resources\n\n### Active links (react router dom 6 - NavLinks)\n- React router dom [tutorial - documentation](https://reactrouter.com/docs/en/v6/getting-started/tutorial#active-links)\n- [Active NavLink Classes with React Router](https://ultimatecourses.com/blog/active-navlink-classes-with-react-router)\n\n### React router dom 6\n- [React router dom tutorial](https://github.com/remix-run/react-router/blob/main/docs/getting-started/tutorial.md)\n- [Redirects in React router v6](https://gist.github.com/mjackson/b5748add2795ce7448a366ae8f8ae3bb#not-server-rendering)\n- [The Guide to Nested Routes with React Router](https://ui.dev/react-router-nested-routes/)\n\n### Conditional rendering\n- React documentation [conditional rendering](https://reactjs.org/docs/conditional-rendering.html)\n- [Pluralsight - Return a Variable in the Render Function in React](https://www.pluralsight.com/guides/return-variable-in-render-function-in-react)\n- [Multiple css classes in react](https://programmingwithmosh.com/react/multiple-css-classes-react/)\n\n## Javascript resources\n- Fix for smaller screen nav scrolling back to top due to setting focus, found on [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) through [Preventing page from scrolling on focus switching](https://stackoverflow.com/questions/12758021/preventing-page-from-scrolling-on-focus-switching) stackoverflow question.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifycode-experiments%2Fauth-guide-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fifycode-experiments%2Fauth-guide-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifycode-experiments%2Fauth-guide-react-app/lists"}