Giter Site home page Giter Site logo

amrmohamedfoad / react-firebase-custom-email-handlers Goto Github PK

View Code? Open in Web Editor NEW

This project forked from griffinsockwell/react-firebase-custom-email-handlers

0.0 1.0 0.0 282 KB

An example of how to handle email actions with firebase and react.

HTML 1.70% JavaScript 91.51% CSS 6.79%

react-firebase-custom-email-handlers's Introduction

screenshot-1

If you are using Email and Password Authentication with Firebase then you will need to provide custom email action handlers. You can find out more about custom email action handlers in the Firebase docs here. Use this repository as a blueprint to pick out the code you need to integrate into your application.

To Run Locally

$ cd ~/Desktop
$ git clone https://github.com/griffinsockwell/react-firebase-custom-email-handlers.git

Make sure Node.js is installed.

Login to Firebase and create a new app from the dashboard.

Click on 'Add Firebase to your web app'

Change the firebase config in '/src/reference.js'

firebase.initializeApp(<your-config-object-here>);

In the firebase dashboard. Enable an Authentication Sign-In Method with Email/Password and then click Save.

Now you will need to change the URL for the email templates. Click the pencil icon to edit the template, then click customize action URL, and finally update the URL to http://localhost:3000/action and click save. Changing the URL in one template will update the other templates.

screenshot-2

Change into the correct directory.

$ cd react-firebase-custom-email-handlers

Install the node modules.

$ npm install

Start the development server.

$ npm start

The Action URL can be whatever you want it to be for your application. You just need to handle the queries in the URL. Take a look at '/src/components/Action.js' to see how it is handling the queries.

react-firebase-custom-email-handlers's People

Contributors

griffinsockwell avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.