react-horizon-firebase

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #go #golang #deep-learning #docker #macos #java #awesome #cli #vue

react-horizon-firebase

(★ 17)

React Horizon UI Firebase - Open-Source Full-Stack Starter | AppSeed

react-horizon-firebase 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [React Horizon UI](https://appseed.us/product/horizon-ui/firebase/) `Firebase`⚡️

Designed for those who like modern UI elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, **[React Horizon UI](https://appseed.us/product/horizon-ui/firebase/)** is ready to help you create stunning websites and webapps.
The product used a Firebase backend for the authentication flow: Social login via Google and the classic `user/password` auth flow.

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)** for *[Horizon UI](https://appseed.us/generator/react/horizon-ui/)*

- ✅ Modern aesthetics UI design - Designed by *[Simmmple](https://simmmple.com/)*
- ✅ Styled with `Chakra Ui`, `Dark-Mode`
- ✅ **Full-stack Ready** via **Firebase** 
- ✅ Authentication: 
  - Google Social Login
  - `SignIN/SignUP` via `user/password`

> Links

- 👉 [React Horizon Firebase](https://appseed.us/product/horizon-ui/firebase/) - `product page`
- 👉 [React Horizon Firebase](https://react-horizon-firebase.appseed-srv1.com) - LIVE Demo
- 👉 Free Support via Github (issues tracker) and [Discord](https://discord.gg/fZC6hup).
- ✅ [PRO Version Available](#pro-version) - `enhanced UI` and more `features`

![React Horizon UI - Full-Stack starter provided by AppSeed and Simmmple.](https://user-images.githubusercontent.com/51070104/174428337-181e6dea-0ad9-4fe1-a35f-25e5fa656a9d.png)

## How to use it

To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.

**Step 1** - Clone the project

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

**Step 2** - Install dependencies via NPM or yarn

```bash
$ npm i
// OR
$ yarn
```

**Step 3** - Start in development mode

```bash
$ npm run start 
// OR
$ yarn start
```

## Configure Firebase Credentials

**App Settings** as provided by the Firebase platform - `src/config/constants.js`

```javascript
const config = {
 ...
 firebase: { 
 apiKey: 'YOUR_API_KEY', # <-- YOUR DATA HERE
 authDomain: 'YOUR_DOMAIN_HERE', # <-- YOUR DATA HERE 
 projectId: 'YOUR_PROJECT_ID', # <-- YOUR DATA HERE
 storageBucket: 'YOUR_STORAGE_BUCKET', # <-- YOUR DATA HERE
 messagingSenderId: 'YOUR_MESSAGING_SENDER_ID', # <-- YOUR DATA HERE
 appId: 'YOUR_APP_ID', # <-- YOUR DATA HERE
 measurementId: 'YOUR_TRACKER_ID' # <-- YOUR DATA HERE
 }
};
```

All above settings are provided by the Firebase platform. For more information, feel free to access [Firebase official](https://firebase.google.com/docs) help:

- [Firebase Fundamentals](https://firebase.google.com/docs/guides) - Learn how to get started fast 
- [Manage Projects in Firebase](https://firebase.google.com/docs/projects/learn-more) - the basics

## PRO Version

> For more components, pages and priority on support, feel free to take a look at this amazing starter:

Designed for those who like modern UI elements and beautiful websites, Horizon UI is ready to help you create stunning websites and webapps.
This premium design powered by `Chakra UI` comes with many examples for pages like NFTs Pages, Authentication Pages, Profile and so on.

- 👉 [React Horizon UI PRO](https://appseed.us/product/horizon-ui-pro/full-stack/) - Product Page
  - ✅ `Enhanced UI` - more pages and components
  - ✅ `Priority` on support

![React Horizon UI PRO - Full-Stack starter provided by AppSeed and Simmmple.](https://user-images.githubusercontent.com/51070104/175255148-7475cb47-0f63-48ee-a39d-7620beca6783.png)

---
[React Horizon UI](https://appseed.us/product/horizon-ui/firebase/) `Firebase` - Provided by Simmmple and **AppSeed [App Generator](https://appseed.us/generator)**.

react-horizon-firebase

react-horizon-firebase 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-horizon-firebase

react-horizon-firebase 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README