React Firebase Auth with Protected Routes

🌐 App Demo

Features

• 🚀 Protected Routes
• 🚀 Firebase User Object in Global Context via useUser
• 🚀 User Authentication
• 🚀 Routing

It's also blazingly fast 🔥 No really, try it out for yourself.

We also have a similar template for SUPABASE💚🍀

Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Go to ./config.ts and add your Firebase configuration
4. Run the app: npm run dev

What you need to know

• /router/index.tsx is where you declare and manage your routes
• /context/AuthContext.tsx is where you can find the useUser hook
  • This hook gives you access to the user object from Firebase Auth globally
• /Providers.tsx is where you can add more providers or wrappers