TodoAUth with Firebase

May 10, 2020

About

TodoAuth is Learning site with Firebase. Login and register with Google.

Features

  • Todo List.
  • Using Firebase ( Database, Auth, Storage ).
  • Login with Google and Facebook.
  • Task List with sub task.
  • Dashboard manager like change Profile picture, User details, Password and Delete Account.
  • Contact form with Email notification using formspree.io.
  • PWA.

Setup

Create a Gatsby site.

Use the Gatsby CLI to Clone this site.

# Clone this Repositories
gatsby new todoAuth https://github.com/rohitguptab/todoAuth.git

Setup Firebase.

Firebase console

Setup your Own Configure Projects.

Create .env file in root directory Configure below keys

  • apiKey = Key
  • authDomain = Key
  • databaseURL = Key
  • projectId = Key
  • storageBucket = Key
  • messagingSenderId = Key
  • appId = Key

Start developing.

cd todoAuth
npm install
gatsby develop

Github:

https://github.com/rohitguptab/todoAuth

Live URL:

http://todoAuth.netlify.app

Learn:

If you want to learn more about Firebase check it out below link:

Firebase docs

Deploy on Netlify

Netlify

Share: