Uporabniški vmesnik React Horizon – odprtokodni začetnik Firebase

Ponovno objavil Platon

Spremljevalci: 0

Pozdravljeni koderji!

Ta članek predstavlja odprtokodni začetnik s polnim skladom, ki za plast preverjanja pristnosti uporablja uporabniški vmesnik React, ki ga poganja Firebase. React Horizon Firebase lahko prenesete iz Githuba in temeljijo na permisivni (MIT) licenci, ki se uporablja v komercialnih projektih in dejavnostih e-učenja. Za novince, Reagirajo je vodilna knjižnica JS, ki se uporablja za kodiranje interaktivnih uporabniških vmesnikov in Firebase je priljubljena zaledna storitev, ki jo pripravlja Google. Thanks for reading!

Ta čudovit uporabniški vmesnik je ustvaril in brezplačno ponudil Preprosto, kreativna spletna agencija, ki uporablja uporabniški vmesnik Charka kot glavno knjižnico uporabniškega vmesnika.

✨ Lastnosti izdelka

Baza kode uporabniškega vmesnika, ki jo poganja uporabniški vmesnik Chakra
7 vzorčnih strani: Nadzorna plošča, Tržnica NFT, Uporabniški profil
70+ komponent – lepo dokumentiranih tukaj
Temni način, podpora RTL
Zaledje Firebase
Socialna prijava prek Googla
Klasična avtentikacija (uporabnik/geslo)

Različico predloge (brez preverjanja pristnosti) lahko najdete in prenesete z uradne strani: Uporabniški vmesnik Horizon.

✨ Kako uporabljati izdelek

Za izdelavo izdelka v lokalnem okolju potrebujemo nekaj osnovnih orodij, kot je Git, in spodobno različico NodeJS (16.x ali novejšo).

???? korak 1 – Klonirajte vire

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

???? korak 2 – Namestitev odvisnosti

$ npm i
// OR
$ yarn

???? korak 3 – Konfigurirajte poverilnice Firebase



const config = {
    ...
    firebase: {                                               
        apiKey: 'YOUR_API_KEY',                            
        authDomain: 'YOUR_DOMAIN_HERE',                    
        projectId: 'YOUR_PROJECT_ID',                      
        storageBucket: 'YOUR_STORAGE_BUCKET',              
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     
        appId: 'YOUR_APP_ID',                   
        measurementId: 'YOUR_TRACKER_ID'
    }
};

???? korak 4 – Zaženite aplikacijo

$ npm run start 
// OR
$ yarn start

Ko je nastavitev končana, bi morali imeti možnost dostopa do aplikacije v brskalniku, registracije novih uporabnikov ali preverjanja pristnosti z Googlovo socialno prijavo.

React Horizon Firebase – prijavna stran

React Horizon Firebase – stran NFT

React Horizon Firebase – stran NFT

✨ Predstavitev Firebase

Ta razdelek predstavlja nekaj ključnih točk te izjemne storitve in predstavlja tudi korake za izdelavo preproste aplikacije Firebase.

Firebase je platforma, ki jo je razvil Google za ustvarjanje mobilnih in spletnih aplikacij. Je Backend-as-a-Service (BaaS). Razvijalcem ponuja različna orodja in storitve, ki jim pomagajo razviti kakovostne aplikacije in povečati svojo bazo uporabnikov.

Firebase razvijalcem omogoča, da se osredotočijo na ustvarjanje fantastičnih uporabniških izkušenj. Ni vam treba upravljati strežnikov ali pisati API-jev. Firebase je vaš strežnik, API in shramba podatkov; vse napisano tako splošno, da ga lahko spremenite tako, da ustreza večini vaših potreb.

✨Zakaj uporabljati Firebase

???? Realtime Database: Firebase vam pošlje nove podatke takoj, ko so posodobljeni prek WebSockets.
???? Authentication: Firebase auth ima vgrajen sistem za preverjanje pristnosti e-pošte/gesla, ki podpira OAuth2 za Google, Facebook, Twitter in GitHub.
???? Static Files Hosting: Ima preprosto storitev gostovanja statičnih datotek, ki služi vašim datotekam prek CDN, zaradi česar so na voljo hitreje.
???? Push Notifications: Pomaga pri povezovanju uporabniških naprav in strežnikov, tako da pošiljanje domačih/potisnih obvestil postane preprosto in zanesljivo.
???? Analytics: Firebase ponuja brezhiben način za integracijo z Googlovo analitiko.
???? Crash Reporting: Zagotavlja tudi poročanje o zrušitvah v realnem času za spremljanje in odpravljanje napak v realnem času.
???? Remote Configuration: Firebase omogoča objavo takojšnjih posodobitev za končne uporabnike prek oddaljene konfiguracije. Testni laboratorij: Storitev pomaga pri testiranju vaših aplikacij na resničnih in virtualnih napravah, ki jih zagotavlja Google.