Locofy.ai | Extend Locofy Generated React Code with Firebase Auth [Quick Build]
Learn how to quickly ⚡️ generate production-ready React code from your design files with Locofy.ai and add Firebase authentication to protect routes.
Stack Details:
🎨 Design - https://www.figma.com/
🖥 Frontend - Locofy.ai generated React code: https://www.locofy.ai/ (FREE BETA)
⚙️ Auth - https://firebase.google.com/
Timestamps:
00:00 Introduction
1:00 Design file
02:31 Using the Locofy plugin
4:57 View code, create components and export the code in Locofy Builder
7:50 Viewing the exported code
9:12 Creating & setting up a Firebase project
11:00 Installing packages & configuring Firebase in React
19:30 Adding authentication
31:23 Final output
32:24 Outro
Read the written guide here: https://www.locofy.ai/blog/firebase-a...
Get the Locofy UI Kit: https://www.figma.com/community/file/...