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

Step 1 - Clone the project

git clone [repository_url]

Step 2 - Install dependencies

Install the project dependencies using NPM or Yarn.

npm install

or

yarn install

Step 3 - Start in development mode

Start the project in development mode.

npm start

or

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.