# Authentication, Magic Link and Google Auth

### Here's the look of the auth components folder

```
├── node_modules
├── src
│   ├── app  
│   │  ├── authentification
│   │  │   ├── login
│   │  │   ├── signup
│   │  │   ├── magic-link     # Magic link redirection
│   │  │   ├── reset          # Resetting password
```

## Configure Google OAuth

To configure Google Auth, first get <mark style="background-color:blue;">**Google Client ID**</mark>, you can follow how to get it [here](https://theonetechnologies.com/blog/post/how-to-get-google-app-client-id-and-client-secret).\
Edit <mark style="background-color:blue;">**google\_client\_id**</mark> environment variable in <mark style="color:blue;">**src/environments/environment.prod.ts**</mark> and  <mark style="color:blue;">**src/environments/environment.ts**</mark>

```typescript
export const environment = {
  ...
  google_client_id: ""
}
```

#### **Ensure that you publish your App in Google Cloud before deploying to production.**