# Week II Project ### Antonio, Sevda, Jo, Mariya --- ## Day 1  --- ### Deciding on the roles for this week projects We decided the role base on previous week: |Name| Spike| Roles | |----|------|-------| |Jo|Async JS|Facilitator | | Mariya|Debugging network requests|Quality| |Sevda|Debugging JS|Deployment | |Antonio|Debugging HTML/CSS|User| --- - Research other teams' methods of work - Look at some examples for inspiration. - Brainstorm ideas - Figma - Work order --- **API'S:** - [Companies House API](https://developer.company-information.service.gov.uk/) - [Unsplash it](https://picsum.photos/) --- ### Api research A - API research: - Figure out how to do a get request with a API KEY - HTML structure creation --- ## Day 2 --- ### Api research B - API research Image API - API fixing the issues with the Company house API --- ### Use of the API to do some DOM Manipulation - Using the buttons to send the requests --- ### Planning Estimated working time - Creating a new Kanban - Creating of issues - We decided to use a label system to correlate issues to specific user stories - We structure the label to make our workflow easier --- --- ### Estimates vs Actuals <img src="https://i.imgur.com/rTYvcXV.png" style='width:350px'/> --- ## Project Content ### Mariya --- ### Website Idea - Website that base on your query name checks the company house API to check if the company exist and if doesn’t exit it query the image API to suggest a logo ---  --- ### User stories --- - Interesting mashup of different data :heavy_check_mark: - Input information to change the displayed result :heavy_check_mark: - A responsive, mobile-first design :heavy_check_mark: - Accessible :heavy_check_mark: - Query at least two APIs using fetch :heavy_check_mark: - Dynamic content generated with JS :heavy_check_mark: - A clearly defined user journey, documented in your readme :x: - Indication that data is loading :heavy_check_mark: --- ### Design [Figma](https://www.figma.com/file/OvNkzOHZdWCNr5wpiP68S5/Untitled?node-id=0%3A1) --- **Mobile** <img src="https://i.imgur.com/gagx3Wd.png" style='width:350px'/> --- **Desktop**  ---  --- ### Successes #### :speech_balloon: Quote of the Week: > :exploding_head: :exploding_head: " :O :O :O :O !!! We can use a recursion!!!" :exploding_head: :exploding_head: -- Antonio, Thursday late afternoon --- ### Demo --- ## Code --- ### HTML  --- ### Input Section  --- ### Status Section  --- ### Output Section  --- ### CSS --- #### Variables  --- ### Animated progress bar  ---   --- ### Javascript --- ### :mag: What are these api's ?  --- #### Companies House API  --- #### Pexel Images API <img src="https://i.imgur.com/G5IVjZN.png" style='width:700px'/> --- Thanks for listening! :pray: