React Horizon UI - 오픈 소스 풀 스택 스타터

안녕하세요 코더 여러분!

이 문서에서는 React Full-Stack starter를 UI 프레임워크로 사용하고 Chakra를 API 백엔드 논리로 사용하는 오픈 소스NodeJS를 제공합니다. React Horizon UI 는 Github에서 MIT 라이선스로 배포되며 상업용 프로젝트 또는 eLearning 활동에 사용할 수 있습니다. 초보자를 위해 React는 Facebook에서 만든 대화형 사용자 인터페이스를 코딩하기 위한 선도적인 JS 라이브러리입니다.

Thanks for reading!

👉 React Horizon UI - product page

👉 React Horizon UI - LIVE demo

이 놀라운 UI는 Charka UI를 기본 UI 라이브러리로 사용하는 창의적인 웹 에이전시인 Simmmple에서 제작하여 무료로 제공합니다.

✅ React Generator Horizon UI - Free tool to generate a new project and customize the backend -

✨ UI 기능

Chakra UI에서 제공하는 UI 코드베이스

7 sample pages : 대시보드, NFT 마켓, 사용자 프로필

70+ Components - 훌륭하게 문서화됨here

Dark-Mode , RTL Support

활성 버전 관리 및 support

템플릿 버전(인증 없음)은 공식 페이지Horizon UI에서 찾아 다운로드할 수 있습니다.

✨ 제품 사용 방법

로컬 환경에서 제품을 빌드하려면 Git 및 적절한 NodeJS 버전(16.x 이상)과 같은 몇 가지 기본 도구가 필요합니다.

👉 Step 1 - Clone the project

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

👉 Step 2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

👉 Step 3 - Start in development mode

$ npm run start 
// OR
$ yarn start

UI가 실행되면 다음 단계는 사용자를 관리하는 API 백엔드 서버를 시작하는 것입니다. Node JS API(또한 오픈 소스 프로젝트)

👉 Download and start 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 market page

React UI Horizon - User profile

Thanks for reading! For more resources and support, please access:

✨ Django, Flask 및 Free Dashboards에서 제작된 기타React

✨ 더 보기Admin Dashboards - 제품이 있는 거대한 색인