/week2-mnns

https://fac21.github.io/week2-mnns/

Primary LanguageJavaScript

Project Timeline

  1. 1 hr discussion:
  • What's an API anyway?
  • Came up with a couple of ideas (karaoke kitchen)
  • Explored a few APIs that we liked
  • Made a decision based on that: to do Karaoke Kitchen (have song options and recipe options based on cuisine type) using musixmatch and recipe puppy
  • Created User stories

(- I can search for top tracks/recipe of country of my favourite cuisine

  • See an interesting mashup of data: Work out a layout of how to display the info Ideas: Display for Recipes: Img of Food/Link to Recipe (TItle) Display for Lyrics: Top Tracks, image of Cover, link to lyrics)
  1. 1 hr Working on Musixmatch and Recipe Puppy API
  • Ran into problems

Errors Errors Errors

  • Nafisa and Neville faced errors CORS: Refused to execute http://127.0.0.1:5500/script as script because "X-Content-Type: nosniff" was given and its Content-Type is not a script MIME type.
  • Saki and Maryam faced different error messages: No 'access-control-allow-origin' header is present on the requested resource
  1. Found a free list of apis and redecided which ones to work on
  • Nafisa and Maryam did one fetch request from age
  • Saki and Neville did another fetch request
  1. Thursday morning
  • Saki, Nafisa and Maryam worked on merging and standardising our code
  1. Thursday afternoons

Demo

Show Project Board/Actual

User Stories/Issues

  • User can generate a match on dating site based on inputted information E3
  • I want to see a photo of my match E2/A2
  • I want to know the hobbies of my match E2
  • I want to know my matches sense of humours E2
  • I want to know my matches music preferences E2
  • Interesting mashup of data E3
  • View the app on all my devices E3
  • As a confused user, I want to be told when somehting goes wrong E2
  • Tell me when data isn't loading E3

Took us longer testing APIs

Walk us through Code (Neville - fetch apis/ Maryam - CSS)

Accidents

  • Accidentally pushed to main instead of pushing on branch. How to sort?