{"id":31935918,"url":"https://github.com/app-generator/react-horizon-firebase","last_synced_at":"2025-10-14T07:15:42.463Z","repository":{"id":40390199,"uuid":"486694192","full_name":"app-generator/react-horizon-firebase","owner":"app-generator","description":"React Horizon UI Firebase - Open-Source Full-Stack Starter | AppSeed","archived":false,"fork":false,"pushed_at":"2023-07-29T06:22:12.000Z","size":2198,"stargazers_count":17,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-07T18:52:06.517Z","etag":null,"topics":["appseed","chakra-ui","firebase","reactjs"],"latest_commit_sha":null,"homepage":"https://appseed.us/product/horizon-ui/firebase/","language":"JavaScript","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/app-generator.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2022-04-28T17:47:56.000Z","updated_at":"2025-05-18T19:44:19.000Z","dependencies_parsed_at":"2024-10-27T19:21:22.540Z","dependency_job_id":"b5076c61-e639-4d39-9c51-2fd32bd1eb4a","html_url":"https://github.com/app-generator/react-horizon-firebase","commit_stats":null,"previous_names":["app-generator/react-horizon-firebase"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/app-generator/react-horizon-firebase","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Freact-horizon-firebase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Freact-horizon-firebase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Freact-horizon-firebase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Freact-horizon-firebase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/app-generator","download_url":"https://codeload.github.com/app-generator/react-horizon-firebase/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/app-generator%2Freact-horizon-firebase/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279018218,"owners_count":26086303,"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-10-14T02:00:06.444Z","response_time":60,"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":["appseed","chakra-ui","firebase","reactjs"],"created_at":"2025-10-14T07:15:40.804Z","updated_at":"2025-10-14T07:15:42.452Z","avatar_url":"https://github.com/app-generator.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [React Horizon UI](https://appseed.us/product/horizon-ui/firebase/) `Firebase`⚡️\n\nDesigned for those who like modern UI elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, **[React Horizon UI](https://appseed.us/product/horizon-ui/firebase/)** is ready to help you create stunning websites and webapps.\nThe product used a Firebase backend for the authentication flow: Social login via Google and the classic `user/password` auth flow.\n\n\u003cbr /\u003e\n\n\u003e 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)** for *[Horizon UI](https://appseed.us/generator/react/horizon-ui/)*\n\n- ✅ Modern aesthetics UI design - Designed by *[Simmmple](https://simmmple.com/)*\n- ✅ Styled with `Chakra Ui`, `Dark-Mode`\n- ✅ **Full-stack Ready** via **Firebase** \n- ✅ Authentication: \n  - Google Social Login\n  - `SignIN/SignUP` via `user/password`\n\n\u003cbr /\u003e\n\n\u003e Links\n\n- 👉 [React Horizon Firebase](https://appseed.us/product/horizon-ui/firebase/) - `product page`\n- 👉 [React Horizon Firebase](https://react-horizon-firebase.appseed-srv1.com) - LIVE Demo\n- 👉 Free Support via Github (issues tracker) and [Discord](https://discord.gg/fZC6hup).\n- ✅ [PRO Version Available](#pro-version) - `enhanced UI` and more `features`\n\n\u003cbr /\u003e\n\n![React Horizon UI - Full-Stack starter provided by AppSeed and Simmmple.](https://user-images.githubusercontent.com/51070104/174428337-181e6dea-0ad9-4fe1-a35f-25e5fa656a9d.png)\n\n\u003cbr \u003e\n\n## How to use it\n\nTo use the product Node JS (\u003e= 12.x) is required and GIT to clone/download the project from the public repository.\n\n**Step 1** - Clone the project\n\n```bash\n$ git clone https://github.com/app-generator/react-horizon-ui-chakra-firebase.git\n$ cd react-horizon-ui-chakra-firebase\n```\n\n\u003cbr \u003e\n\n**Step 2** - Install dependencies via NPM or yarn\n\n```bash\n$ npm i\n// OR\n$ yarn\n```\n\n\u003cbr /\u003e\n\n**Step 3** - Start in development mode\n\n```bash\n$ npm run start \n// OR\n$ yarn start\n```\n\n\u003cbr /\u003e\n\n## Configure Firebase Credentials\n\n**App Settings** as provided by the Firebase platform - `src/config/constants.js` \n\n```javascript\nconst config = {\n    ...\n    firebase: {                                               \n        apiKey: 'YOUR_API_KEY',                            # \u003c-- YOUR DATA HERE\n        authDomain: 'YOUR_DOMAIN_HERE',                    # \u003c-- YOUR DATA HERE \n        projectId: 'YOUR_PROJECT_ID',                      # \u003c-- YOUR DATA HERE\n        storageBucket: 'YOUR_STORAGE_BUCKET',              # \u003c-- YOUR DATA HERE\n        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     # \u003c-- YOUR DATA HERE\n        appId: 'YOUR_APP_ID',                              # \u003c-- YOUR DATA HERE\n        measurementId: 'YOUR_TRACKER_ID'                   # \u003c-- YOUR DATA HERE\n    }\n};\n```\n\nAll above settings are provided by the Firebase platform. For more information, feel free to access [Firebase official](https://firebase.google.com/docs) help:\n\n- [Firebase Fundamentals](https://firebase.google.com/docs/guides) - Learn how to get started fast \n- [Manage Projects in Firebase](https://firebase.google.com/docs/projects/learn-more) - the basics\n\n\u003cbr /\u003e \n\n## PRO Version\n\n\u003e For more components, pages and priority on support, feel free to take a look at this amazing starter:\n\nDesigned for those who like modern UI elements and beautiful websites, Horizon UI is ready to help you create stunning websites and webapps.\nThis premium design powered by `Chakra UI` comes with many examples for pages like NFTs Pages, Authentication Pages, Profile and so on. \n\n- 👉 [React Horizon UI PRO](https://appseed.us/product/horizon-ui-pro/full-stack/) - Product Page\n  - ✅ `Enhanced UI` - more pages and components\n  - ✅ `Priority` on support\n\n\u003cbr \u003e\n\n![React Horizon UI PRO - Full-Stack starter provided by AppSeed and Simmmple.](https://user-images.githubusercontent.com/51070104/175255148-7475cb47-0f63-48ee-a39d-7620beca6783.png)\n\n\u003cbr /\u003e\n\n---\n[React Horizon UI](https://appseed.us/product/horizon-ui/firebase/) `Firebase` - Provided by Simmmple and **AppSeed [App Generator](https://appseed.us/generator)**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapp-generator%2Freact-horizon-firebase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapp-generator%2Freact-horizon-firebase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapp-generator%2Freact-horizon-firebase/lists"}