React Horizon Firebase

Overview

React Horizon UI Firebase is a product designed for those who appreciate modern UI elements and beautiful websites. With its extensive collection of elements, blocks, and coded pages, this product aims to assist in creating stunning websites and web apps. It utilizes a Firebase backend for authentication flow, including social login via Google and the traditional user/password authentication flow. React Horizon UI Firebase is built using the React App Generator for Horizon UI and is styled with Chakra UI, featuring a modern aesthetic UI design.

Features

Modern aesthetics UI design - Designed by Simmmple
Styled with Chakra UI, Dark-Mode
Full-stack ready via Firebase
Authentication:
- Google Social Login
- Sign-in/Sign-up via user/password

Installation

To use React Horizon UI Firebase, you will need Node JS (version 12.x or higher) and GIT to clone or download the project from the public repository.

Step 1 - Clone the project

git clone [repository_url]

Step 2 - Install dependencies

Install the project dependencies using NPM or Yarn.

npm install

yarn install

Step 3 - Start in development mode

Start the project in development mode.

npm start

yarn start

Configure Firebase Credentials

Ensure to configure the Firebase credentials in the app settings provided by the Firebase platform. These settings are located in src/config/constants.js. Refer to the Firebase official documentation for more information on how to obtain and set up the Firebase credentials.

Summary

React Horizon UI Firebase is a full-stack starter kit that offers a modern UI design, powered by Chakra UI. It provides a range of features, including social login with Google and user/password authentication. The product is built with the React App Generator for Horizon UI, making it easy to set up and customize. A PRO version is also available, offering enhanced UI, additional pages, and priority support.