React Horizon UI - 开源 Firebase Starter

由柏拉图重新发布

关注： 0

你好编码员！

本文介绍了一个开源的全栈启动器，它使用由 Firebase 提供支持的 React UI 作为身份验证层。反应地平线 Firebase 可以从 Github 下载并基于许可 (MIT) 许可证，用于商业项目和电子学习活动。对于新人，应对是一个领先的 JS 库，用于编写交互式用户界面和代码 火力地堡 是谷歌推出的流行后端服务。 Thanks for reading!

这个惊人的用户界面由以下人员免费制作和提供简单，一个使用 Charka UI 作为主要 UI 库的创意网络机构。

✨ 产品特点

由 Chakra UI 提供支持的 UI 代码库
7 个示例页面：仪表板、NFT 市场、用户资料
70 多个组件 - 很好地记录在这里
暗模式，RTL 支持
Firebase 后端
通过 Google 进行社交登录
经典身份验证（用户/密码）

模板版本（无需认证）可以在官方页面找到并下载：地平线用户界面.

✨ 如何使用产品

要在本地环境中构建产品，我们需要一些基本工具，例如 Git 和一个不错的 NodeJS 版本（16.x 或更高版本）。

👉 – 克隆源

$ git clone https://github.com/app-generator/react-horizon-ui-chakra-firebase.git
$ cd react-horizon-ui-chakra-firebase

👉 – 安装依赖项

$ npm i
// OR
$ yarn

👉 – 配置 Firebase 凭据



const config = {
    ...
    firebase: {                                               
        apiKey: 'YOUR_API_KEY',                            
        authDomain: 'YOUR_DOMAIN_HERE',                    
        projectId: 'YOUR_PROJECT_ID',                      
        storageBucket: 'YOUR_STORAGE_BUCKET',              
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     
        appId: 'YOUR_APP_ID',                   
        measurementId: 'YOUR_TRACKER_ID'
    }
};

👉 - 启动应用程序

$ npm run start 
// OR
$ yarn start

设置完成后，我们应该能够在浏览器中访问应用程序、注册新用户或使用 Google 社交登录进行身份验证。

React Horizon Firebase - 登录页面

React Horizon Firebase – NFT 页面

React Horizon Firebase - NFT 页面

✨ Firebase 简介

本节介绍了这项出色服务的几个关键点，并介绍了构建简单 Firebase 应用程序的步骤。

Firebase 是由 Google 开发的用于创建移动和 Web 应用程序的平台。它是一种后端即服务 (BaaS)。它为开发人员提供各种工具和服务，帮助他们开发高质量的应用程序并扩大用户群。

Firebase 让开发人员可以专注于打造出色的用户体验。您无需管理服务器或编写 API。 Firebase 是您的服务器、API 和数据存储；所有这些都写得如此笼统，以至于您可以对其进行修改以满足您的大部分需求。

✨为什么使用 Firebase

👉 Realtime Database：一旦通过 WebSockets 更新，Firebase 就会向您发送新数据。
👉 Authentication：Firebase 身份验证具有内置的电子邮件/密码身份验证系统，支持 Google、Facebook、Twitter 和 GitHub 的 OAuth2。
👉 Static Files Hosting：它有一个简单的静态文件托管服务，通过 CDN 为您的文件提供服务，使它们更快可用。
👉 Push Notifications：它有助于连接用户设备和服务器，使发送原生/推送通知变得简单可靠。
👉 Analytics：Firebase 提供了一种与 Google 分析集成的无缝方式。
👉 Crash Reporting：它还提供实时崩溃报告，用于实时监控和修复错误。
👉 Remote Configuration：Firebase 允许通过远程配置为最终用户发布即时更新。测试实验室：该服务有助于在 Google 提供的真实和虚拟设备上测试您的应用程序。