# Dating App Team : Neville, Nafisa, Saki , Maryam --- ### Project Timeline ---  ---  ---  ---  ---  --- ### Project Kanban  --- ### User Stories - [ ] User can generate a match on dating site based on inputted information - [ ] I want to see a photo of my match - [ ] I want to know the hobbies of my match - [ ] I want to know my matches sense of humours - [ ] I want to know my matches music preferences - [ ] View the app on all my devices - [ ] As a confused user, I want to be told when something goes wrong - [ ] Tell me when data isn't loading - [ ] I don't want to see inappropriate jokes --- ### Estimates Vs Actual | Tasklist | Estimate | Actual | | ----------- | -------- | -------- | | Checking APIs | E2 |A2 | | Making decisions on User Stories | E2 |A3 | | Styling the webpage. | E2 |A2 | | Individual User Stories | E2 |A3 | --- ### Why I'm proud of us  - Like everyone this week, we dealt with teammates coming and going to interviews, and I think we just stayed focused and didn't get stressed about perfecting everything. - We learnt a lot from last week, and spent time coming back together to review the code with each other. - Just generally, understood each other better and developed as a team! --- ### Demo https://fac21.github.io/week2-mnns/ --- ### Our Code <iframe src="https://giphy.com/embed/l2JdX1lCEu2NKlNf2" width="480" height="366" frameBorder="0" class="giphy-embed" allowFullScreen></iframe> --- | API Name | Description | Sample URL | | -------- | -------- | -------- | | RandomUser | Person generator | https://randomuser.me/api/| | Bored | Activity suggestions | https://www.boredapi.com/api/activity| | iTunes Search | iTunes content | https://itunes.apple.com/search?term=radiohead| | us-central1-dadsofunny | 'Dad' Jokes | https://us-central1-dadsofunny.cloudfunctions.net/DadJokes/random/jokes| --- ``` != form.addEventListener('submit', (e) => { e.preventDefault(); formData = new FormData(form); data = Object.fromEntries(formData); updateResponse(); grabPerson(data); grabActivity(data); grabSong(data); grabJoke(data); }) ``` --- ``` != const matchHobby = document.getElementById("matchHobby"); const errorMessage = "Sorry, database not loading"; function grabActivity(){ fetch(`https://www.boredapi.com/api/activity?type=${data.type}`) .then((response) => { if (!response.ok){ throw new Error(response.status); } else { return response.json(); }}) .then((json) => writeText(matchHobby, json.activity)) .catch(() => writeText(matchHobby, errorMessage)); } function writeText(element, text) { element.innerHTML = text; } ``` ---