# Section 1: Graphical representation of end product
```
Layer 1 card
================
┌────────────────────────────┐
│ ┌──────────────────┐ │
│ │ ┌────────────┐ │┌──┴─────────────┐
▼ ▼ ▼ │ ││A => Add │
┌───────────────────────────────────────────────────────────────────────┬──────┬┬─┬─┬─┬─┬─┬──┐ │ ││Recommendation │
│Recommendations │A | D ││ │ │ │ │ │◀─┼──┐ │ ││D => Discontinue│
│ └──────┘└─┘ └─┘ └─┘ │ │ │ ││list │
├────────────────────────────────────────────────────────────────────────────────────────────┤ │ │ │└────────────────┘
│ ┌──────┐ ┌──────┐ │ │ │ │
│ │Yours │ │Others│ │ │ │ │
│──┘ └─┴──────┴────────────────────────────────────────────────────────────────────── │ │ │ └─────────┐
│ ┌─────────────────────────────────────────────────────────────────────────────────────┐ │ │ │ ┌────────┴───────┐
│ │Description Created at | Actions │ │ │ │ │Icon => Print │
│ └─────────────────────────────────────────────────────────────────────────────────────┘ │ │ │ │recommendation │
│ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┌─┐ ┌─┐ ┌─┐ │ │ │ └────────────────┘
│ Recommendation 1 Aug 30, 2019 │ │C│ │I│ │D│ │ │ └───────────┐
│ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ └─┘ └─┘ └─┘ │ │ ┌────────┴───────┐
│ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┌─┐ ┌─┐ ┌─┐ │ │ │Icon => Save │
│ Recommendation 2 Sept 20, 2019│ │C│ │I│ │D│ │ │ │recommendation │
│ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ └─┘ └─┘ └─┘ │ │ │as PDF │
│ │ │ └────────────────┘
│ │ └───────────┐
│ │ ┌────────────┴─────────┐
│ ┌─────────────────────────────────────────────────────────────────────────────────────┐ │ │Icon => Send │
│ │Auto Recommendation ▽ │ │ │recommendation in an │
│ ├─────────────────────────────────────────────────────────────────────────────────────┤ │ │HDR to the patien │
│ ┌───────────────────────────────────────────────────────────────────────────────────┐ │ └──────────────────────┘
│ ││Description Created at | Actions ││ │
│ └───────────────────────────────────────────────────────────────────────────────────┘ │
│ │┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┌─┐ ┌─┐ ┌─┐│ │
│ Take ACCOLATE 20 MG Oral Tablet Test of 5 for the next 0 Jun 13, 2020││C│ │I│ │D│ │
│ │└ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ └─┘ └─┘ └─┘│ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
└────────────────────────────────────────────────────────────────────────────────────────────┘
┌───────────────────────────────────────┐
│Layer 1, card body actions: │
│============================ │
│C => Change recommendation. │
│I => Info of the recommendation │
│D => Discontinue the recommendation │
└───────────────────────────────────────┘
Layer 2 Add Recommendation
===========================
┌──────────────────────────────────────────────────────────────────────────────────────────┐
│Add Recommendation │
│ │
├──────────────────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────┐ │
│ Description: * │ │ │
│ │ │ │
│ │ │ │
│ └─────────────────────────────────┘ │
│ │
│ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ ┌──────┐ ┌───────────────┐ │
│ │ Save │ │ Add one more │ │
│ └──────┘ └───────────────┘ │
└──────────────────────────────────────────────────────────────────────────────────────────┘
```
# Section 2: Feature to code relationship
| # | Feature | Client side state | Server side state | Component | Client side code | Server side code |
|---|---|---|---|---|---|---|
| 1 | Add rex | sql for doctorRecsForPts, testdata for doctorRecsForPts, sql for recLanguage | None |