React Horizon UI - 开源全栈入门

你好，程序员！

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

感谢阅读！

👉 React Horizon UI -product page
👉 React Horizon UI -LIVE demo

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

✅ React Generator Horizon 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

一旦 UI 启动并运行，下一步就是启动管理用户的 API 后端服务器：Node JS API（也是一个开源项目）

👉Download和startAPI 服务器

$ 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