# Process: Match

Process to attempt `match` from a list of profile cards

## Request

### Frontend
```mermaid
flowchart LR
    a(profile card component)-->|calls|b(match service)
    b{{match service}}-->|fetch|API
    API-->c(/<profile_id>/join route)
```

### Backend

```mermaid
flowchart LR
    c(/<profile_id>/join route)-->|calls|d{{backend membership service}}
    d{{backend membership service}}-.->e(joinGrouping)
    e(joinGrouping)-.->g{{backend membership model}}
    g{{backend membership model}}<-->|schwifty model|h((DB))
```


## Fulfillment

### Backend

```mermaid
flowchart LR
    h((DB))<-->|schwifty model|g{{backend membership model}}
    g{{backend membership model}}-->d{{backend membership service}}
    d{{backend membership service}}-->c(/<profile_id>/join route)
```

### Frontend

```mermaid
flowchart LR
    c(/<profile_id>/join route)-->API-->b{{match service}}
    b{{match service}}-->a(profile card component)
```

## Forward & Complete Request

### Store State
```mermaid
flowchart LR
    a(profile card component)-->b{{match service}}
    b{{match service}}-.->z(storeGroupings)
    z(storeGroupings)-.->y(forward to /matches/<profile_id>)
```