Home

Firebase React Template

Welcome to the Firebase React Template wiki! This template provides a production-ready foundation for building modern web applications with React, Firebase, and Redux.

🚀 Quick Start

# Clone the repository
git clone https://github.com/ThanuMahee12/firebase-react-template.git
cd firebase-react-template

# Install dependencies
npm install

# Copy environment variables
cp .env.example .env

# Start development server
npm run dev

📚 Documentation

• Setup Guide - Complete installation and configuration guide
• Firebase Configuration - Set up Firebase services
• Project Structure - Understanding the codebase
• Deployment Guide - Deploy to Firebase Hosting
• Development Workflow - Best practices and tips

✨ Features

• ⚡️ Vite - Lightning fast build tool with HMR
• ⚛️ React 19 - Latest React with modern hooks
• 🔥 Firebase - Authentication, Firestore, Storage, and Hosting
• 🎨 Redux Toolkit - Simplified state management
• 🧭 React Router - Client-side routing
• 🎯 React Icons - Popular icon library
• 📝 ESLint - Code quality and consistency
• 🔒 Security Rules - Pre-configured Firestore and Storage rules

🛠️ Technology Stack

Category	Technology
Frontend Framework	React 19.1.1
Build Tool	Vite (Rolldown variant)
State Management	Redux Toolkit 2.9.1
Routing	React Router DOM 7.9.4
Backend	Firebase 12.4.0
Icons	React Icons 5.5.0
Linting	ESLint 9

📦 What's Included

Firebase Services (Free Tier)

• Authentication - Email/Password, Google Sign-in
• Firestore Database - NoSQL cloud database
• Storage - File uploads and storage
• Hosting - Fast and secure web hosting

Project Structure

src/
├── components/     # Reusable UI components
├── pages/         # Page components
├── layouts/       # Layout wrappers
├── routes/        # Route configuration
├── slices/        # Redux slices
├── store/         # Redux store
├── firebase/      # Firebase configuration
├── hooks/         # Custom React hooks
├── utils/         # Helper functions
└── styles/        # CSS files

🎯 Use Cases

This template is perfect for:

• 📱 SaaS Applications
• 🛒 E-commerce Platforms
• 📊 Dashboard Applications
• 👥 Social Media Apps
• 📝 Content Management Systems
• 🎓 Educational Platforms

🔗 Quick Links

• GitHub Repository
• Firebase Console
• React Documentation
• Redux Toolkit Docs

💡 Getting Help

• 📖 Read the Setup Guide
• 🐛 Report Issues
• 💬 Discussions

📄 License

This project is open source and available under the MIT License.

---

Ready to build something amazing? Start with the Setup Guide →