React Horizon UI - 开源的全栈式启动器

编码员们好!

本文介绍了一个开源的React Full-Stack starter ，它使用Chakra 作为UI框架，NodeJS 作为API后端逻辑。React Horizon UI在Github上以MIT许可发布，可用于商业项目或电子学习活动。对于新人来说，React是一个领先的JS库，用于编码由Facebook烘托的交互式用户界面。

谢谢你的阅读!

• 👉React Horizon UI- 现场演示
• 👉React Horizon UI- 源代码 (Github, 公共资源库)

这个惊人的用户界面是由Simmmple精心制作并免费提供的，Simmmple是一家创意网络机构，使用Charka UI作为主要的UI库。

✨ UI特点

• UI代码库由Chakra UI
• 7 sample pages:仪表板、NFT市场、用户资料
• 70+ Components -这里有很好的记录
• Dark-Mode,RTL Support
• 积极的版本管理和支持

模板版本（无认证）可以从官方页面找到并下载。Horizon UI.

✨ 如何使用该产品

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

👉第1步- 克隆项目

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

👉 第2步- 通过NPM或yarn安装依赖项

$ npm i
// OR
$ yarn

👉第3步 - 以开发模式开始

$ npm run start 
// OR
$ yarn start

一旦用户界面启动并运行，下一步就是启动管理用户的API后台服务器。Node JS API(也是一个开源项目)

👉Download andstart the API server

$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs
$
$ # Install Dependencies 
$ yarn
$
$ # Migrate the database
$ yarn typeorm migration:run
$
$ # Start the API server
$ yarn dev

在这一点上，随着UI和后端服务器up & running ，我们应该能够访问UI，注册新用户，并进行身份验证。

React UI Horizon- NFT市场页面

React UI Horizon- 用户资料

Thanks for reading! 如需更多资源和支持，请访问。

• ✨ 更多用Django、Flask和React制作的免费仪表板
• ✨ 更多管理仪表盘--一个包含产品的巨大索引