### Client Side App  Nafisa & Safia --- The goal is to build an interactive game-like thing that uses data from an API. <!-- Co-authored-by: fi-ya <safiaali@hotmail.com> Co-authored-by: Nafisa Axmed <nafisa@Nafisas-MacBook-Air.local> --> --- ### Criteria Accept some user input (e.g. a username) :+1: Query an API (e.g. the Github API, or any other fun one) :+1: Populate the UI with API data :+1: Have some form of persistent state and interactivity, e.g. :-1: ### Stretch criteria :negative_squared_cross_mark: Save your state to localstorage so you can leave the page and come back later Make it look great --- ### Ideas - Charmed theme game - couldnt find api - imbd movies --- ### user journey - user inserts a year - use that year to query IMBd API - Populate UI with data, two movie posters, buttons with movie names - user chooses which movie by clicking on button - if right , score increases --- ### Kanban  --- ### Day 1 11:15 - 11:45 Brain storm/api 12:00- 12:40 Setup ( vite, linting, deploy netlify) 2:00-4:30 - API issues --- Some of the API's we came across - https://developers.themoviedb.org/3/getting-started/introduction - https://rapidapi.com/apidojo/api/imdb8 - https://rapidapi.com/amrelrafie/api/movies-tvshows-data-imdb - http://www.ingredientpairings.com/ - https://developer.marvel.com/ - https://developers.giphy.com/docs/api/endpoint#trending -https://docs.github.com/en/rest - https://developers.google.com/apis-explorer --- ### Day 2 10:30-11:00 Pastoral Walks 11:00 - 1:00 Dealing with API issues --- ### First API - search by genre (day1)   --- ### Second API - search by year (day2)  IMDb API ```javascript= {"imDbId":"tt1375666","title":"Inception","fullTitle":"Inception (2010)","type":"Movie","year":"2010","imDb":"8.8","metacritic":"74","theMovieDb":"8.3","rottenTomatoes":"","tV_com":"8.8","filmAffinity":"8.0","errorMessage":""} ``` ---  ---  --- ### Used Postman  ---  --- Today... is another day.  --- Learnings/what we'd do differently: - triple check the api limits - use an api we know works e.g. Github api - time management e.g. when to move on --- Thanks for listening!  ---