✍️⚙️Amplify Page: Send email feature - Gmail OAuth

[manishapriya94]

Ask

Hello!

Looking to implement Oauth for Gmail.

Flow for UI -->

• User interacts with UI to find Reps + messaging
• Button triggers authorization to create cookie
• Cookie to be used to make call to Gmail API

• Message button at the side or top? Open as a new page (we can refine to modal later)
  • At this time they would have a modal to enter in credentials after which they could send the message (pulling from the google civic api to the receiving party's email address)
• Email subject line should be a combination of the name and template title demand

Priority:

• Medium --> Turnaround time within a week consult @BeeXiong @hashtagchris for questions

Context

Resources to get started:

• template/script/style here
  • API Configuration
• Secrets should be configured in root .env file, configured in index.js file on server directory
• Secrets configured here:
• import api call variables here <img width="572" alt="Screen Shot 2020-07-08 at 2 34 50 PM" src="https://user-images.githubusercontent.com/9143339/86976538-88257000-c12f-11ea-9ec7-02c8dd483d0a.png"

Research

• Passport.js Tutorial

Tasks

• [x] Configure civic api to return rep email addresses
• [ ] oauth config
  • [ ] Back-end Endpoints
  • [ ] Create auth Endpoint in server/routes/api + route endpoints to connect to front-end
    • [ ] Get Endpoint (/auth/google)
  • [ ] Implement Passport.js
  • [ ] Implement GoogleStrategy using Passport.js
    • [ ] Configure secrets into Heroku Environment
    • [ ] Authorize Users
  • [ ] Create Cookie Session
  • [ ] Front-end
  • [ ] Create Authorize Button in UI + trigger API call to api/auth/google
  • [ ] Notify User of Sign in
• [ ] styling of modal