Working with Firebase Real-Time database using ReactJS and UIKit and finally launching the web-app to Netlify.

1. Create react application:

*ignore assets folder and print.js file as of now

2. Firebase Setup:

give any name you want to
confirm rules with the above image, if not change the rules as given above.
export json
select any json database file from your computer
get this json file
understanding the structure,
don’t sweat over this.

3. Integrate the database with react:

firebase initialization
import statements
declare words and advanced_words

4. Display the data:

no style

5. Styling using UIKit:

index.html
edited App.js render
App.css
final-output

6. Let’s launch it using Netlify:

open site settings.
save the name of your choice

Support this content 😃 😇

https://www.buymeacoffee.com/vatsalsaglani

Machine Learning @ Quinnox | Love to write about Deep Learning for NLP and Computer Vision, Model Deployment, and ReactJS.