---
# System prepended metadata

title: Database

---

# Database

---

[Finsbo!](https://fac25-restaurants.herokuapp.com/)

---

## How did we work?
- pair programming
- swapping teams
- establishing priorities before each coding session

---

## DevOps - Yassien

- created the basic file structure using the workshops and challenges from weeks 1 and 2 as a guide


----

- made a note before I started as a plan: ![image](https://i.imgur.com/owFpwb1.png)


---

## QA - Patrick

Ensured there was time allocated to consider refactoring. 

- [x] reordered code for readability
- [x] renamed variables and functions 

---

![](https://i.imgur.com/EpEbgGM.png)

----

We implemented a mock/test database for our tests
- It took us a while to realize that we needed to either reset the database after each test.
- Our solution was to create a test db for them.






---

## UX/UI - Lisa

- minimalist website design

- thinking about user stories, thinking about value for user (stretch goals) 

- accessibility (A11y checklist)

---

### something we learned:
- make sure that form input errors are displayed in list above the form after submission: provides  way for assistive technology users to quickly have a high-level understanding of what issues are present in the form. 

----

- Associate input error messaging with the input it corresponds to: Techniques such as using **aria-describedby** allow people who use assistive technology to more easily understand the difference between the input and the error message associated with it.

----

```

function displayError(error) {
  return error ? `<span id='name-error' style="color: red">${error}</span>` : ''
} 

<input type='text' id='name' name='name' aria-describedBy='name-error' value="${handleValue(
        values.name
      )}">

``` 


----

- more specific documentation while working on the project

---

## Scrum Facilitator - Karwan

---

![](https://i.imgur.com/TNpeLmW.png)

---

![](https://y.yarn.co/1ed2c7e8-2c90-4498-aaf8-6dd189201ac1_text.gif)

---

## Something we're proud of

- being *very* productive on Wednesday despite working remotely (we completed almost all the main user stories)

---

## Something we struggled with

trying to centre a div

<iframe src="https://giphy.com/embed/yYSSBtDgbbRzq" width="480" height="360" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/frustrated-annoyed-programming-yYSSBtDgbbRzq"></a></p>

----

- the repo was not initialized when it was created on Github so when I (Yassien) cloned it to my local it did not have a readme or even a main branch. Made the file setup a bit more complicated

- estimated E5 for CSS, but actual was more like A15


---

## Learnings from SGC

- when assigning tasks, use randomizer - simplifies things
- focusing on project requirements before stretch goals [1st day only]
- estimation labels, helps prioritize 
