Gaobaofogo / trabalho_3_web1

0 stars 0 forks source link

Adicionar LocalStorage no projeto #1

Open Gaobaofogo opened 2 years ago

Gaobaofogo commented 2 years ago

Inserir e procurar os países.

Vou ter meu local storage com 3 itens: countries: list[key: dict], choosenCountries: list, comparationCountry: dict, worldChoosenCountries: list. Key é o nome do país e dict é o valor de All.

Teremos um formato JSON mais ou menos assim:

Com All tendo todas as informações do próprio país e dos países dominados por ele. Dá pra pegar apenas o all de cada país e já resolve meu problema.

{
   "All":{
      "confirmed":21162237,
      "recovered":0,
      "deaths":131940,
      "country":"France",
      "population":64979548,
      "sq_km_area":551500,
      "life_expectancy":"78.8",
      "elevation_in_meters":375,
      "continent":"Europe",
      "abbreviation":"FR",
      "location":"Western Europe",
      "iso":250,
      "capital_city":"Paris",
      "lat":"46.2276",
      "long":"2.2137",
      "updated":"2022-02-14 04:20:51"
   },
   "French Guiana":{
      "lat":"4.0",
      "long":"-53.0",
      "confirmed":76893,
      "recovered":0,
      "deaths":383,
      "updated":"2022-02-14 04:20:51"
   },
   "French Polynesia":{
      "lat":"-17.6797",
      "long":"-149.4068",
      "confirmed":53853,
      "recovered":0,
      "deaths":637,
      "updated":"2022-02-14 04:20:51"
   },
   "Guadeloupe":{
      "lat":"16.265",
      "long":"-61.551",
      "confirmed":112668,
      "recovered":0,
      "deaths":873,
      "updated":"2022-02-14 04:20:51"
   },
   "Martinique":{
      "lat":"14.6415",
      "long":"-61.0242",
      "confirmed":102746,
      "recovered":0,
      "deaths":856,
      "updated":"2022-02-14 04:20:51"
   },
   "Mayotte":{
      "lat":"-12.8275",
      "long":"45.166244",
      "confirmed":36572,
      "recovered":0,
      "deaths":187,
      "updated":"2022-02-14 04:20:51"
   },
   "New Caledonia":{
      "lat":"-20.904304999999997",
      "long":"165.618042",
      "confirmed":35043,
      "recovered":0,
      "deaths":284,
      "updated":"2022-02-14 04:20:51"
   },
   "Reunion":{
      "lat":"-21.1151",
      "long":"55.5364",
      "confirmed":256787,
      "recovered":0,
      "deaths":565,
      "updated":"2022-02-14 04:20:51"
   },
   "Saint Barthelemy":{
      "lat":"17.9",
      "long":"-62.8333",
      "confirmed":3687,
      "recovered":0,
      "deaths":6,
      "updated":"2022-02-14 04:20:51"
   },
   "Saint Pierre and Miquelon":{
      "lat":"46.8852",
      "long":"-56.3159",
      "confirmed":1033,
      "recovered":0,
      "deaths":1,
      "updated":"2022-02-14 04:20:51"
   },
   "St Martin":{
      "lat":"18.0708",
      "long":"-63.0501",
      "confirmed":9774,
      "recovered":0,
      "deaths":63,
      "updated":"2022-02-14 04:20:51"
   },
   "Wallis and Futuna":{
      "lat":"-14.2938",
      "long":"-178.1165",
      "confirmed":454,
      "recovered":0,
      "deaths":7,
      "updated":"2022-02-14 04:20:51"
   }
}
Gaobaofogo commented 2 years ago

Consegui fazer um search dentro do Local storage. Tô com um cagaço de testar e ficar fazendo fetch direto na APIpor enquanto. Acho que ou deixar pro fim. Agora eu preciso ligar a pesquisa dos países com o local storage e depois atualizar os gráficos. Vou começar com o gráfico principal