React Templates & Themes Logo React Templates & Themes
React Horizon Nodejs screenshot

React Horizon Nodejs

Author Avatar Theme by App generator
Updated: 2 May 2025
114 Stars

React Horizon NodeJS - Full-Stack seed project crafted on top of Chakra UI, React and a simple NodeJS Backend | App-Generator.dev

Github Live Preview

Categories

Chakra ui Fullstack

Overview:

React Horizon UI is a product designed for individuals who appreciate modern UI elements and beautiful website designs. It offers a wide range of elements, designed blocks, and fully coded pages to assist users in creating stunning websites and web apps. The product also includes a simple JWT authentication flow, allowing users to easily implement login, register, and logout functionalities through an open-source Node JS API Backend powered by the Passport library.

Features:

  • Modern aesthetics UI design - Designed by Simmmple.
  • Styled with Chakra UI, Dark-Mode - Provides a visually appealing and customizable user interface.
  • Authentication: JWT Login/Register/Logout - Allows users to implement user authentication functionalities with JSON Web Tokens.
  • Full-stack Ready using a Node JS API Server (open-source project) - Provides a complete full-stack experience with server features such as Typescript, SQLite Persistence, TypeORM, and Joy (validation).
  • Compatibility with NodeJS, NPM, and YARN - Tested compatibility matrix with different versions of NodeJS and package managers.

Installation:

To start using React Horizon UI, follow these steps:

Step 1: Clone the project

git clone <repository_url>

Step 2: Install dependencies via NPM or Yarn

npm install

or

yarn install

Step 3: Start in development mode

npm start

or

yarn start

To configure the backend server, the product provides a JWT Authentication flow. The API server URL and descriptor can be found in the src/config/constant.js file. Additionally, a Postman collection is provided for mocking the backend server or coding a new one in a preferred framework.

The product is also open-source and can be configured to work with the Berry Dashboard Template. The source code and more details about the Node JS API server can be found in the respective links.

Summary:

React Horizon UI is a powerful product for individuals who appreciate modern UI elements and want to create visually appealing websites and web apps. With its wide range of features, including a simple JWT authentication flow and compatibility with different versions of NodeJS, it offers a convenient and efficient solution for web developers. The open-source nature of the product allows for flexibility and customization, making it suitable for a variety of development projects.