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

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

  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=

Start the development server yarn start or npm start

Deployment

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

Built with

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.

Youssef-kobi/Firebase-Auth-Boilerplate