Firebase Auth App

A starter kit for adding Firebase Authentication to your web app.

Introduction • Key Features • Getting Started • Deployment • Built With • Live Demo • Screenshots • Contribute

Introduction

This app is a starter kit for adding Firebase Authentication to your web app, built with React and Firebase, using the react-tailwindcss-template as a boilerplate. It includes features like:

• Email/password sign-up and sign-in
• Sign-in with Google
• Sign-out
• Update profile

Key Features

• Firebase Authentication
• User registration and login
• Profile updates
• Sign-in with Google
• Sign out
• Routing and protected routes
• AuthContext for global state management of authentication and user data

Getting started

1. Clone the repository git clone https://github.com/youssef-kobi/Firebase-Auth-Boilerplate.git
2. Install the dependencies yarn install or npm install
3. Add your Firebase config to .env
4. As

     REACT_APP_FIREBASE_API_KEY=
     REACT_APP_FIREBASE_AUTH_DOMAIN=
     REACT_APP_FIREBASE_PROJECT_ID=
     REACT_APP_FIREBASE_STORAGE_BUCKET=
     REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
     REACT_APP_FIREBASE_APP_ID=
     REACT_APP_FIREBASE_MEASUREMENT_ID=
   

5. Start the development server yarn start or npm start

Deployment

1. Build the app for production yarn build or npm run build
2. Deploy the build folder to your preferred hosting service

Built with

• React
• Firebase
• Tailwind CSS
• react-toastify

Live Demo

You can find a live demo of the app here.

Screenshots

Login

Register

Profile

LandingPage

Contribute

We welcome contributions! Please create an issue here to report bugs or suggest new features.