Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcosmaio/1sti-challenge

Projeto de site realizado por mim para concluir o desafio front-end da 1STi - https://github.com/1STi/desafio-frontend/
https://github.com/marcosmaio/1sti-challenge

Last synced: 23 days ago
JSON representation

Projeto de site realizado por mim para concluir o desafio front-end da 1STi - https://github.com/1STi/desafio-frontend/

Awesome Lists containing this project

README

        

# 1STi Desafio Frontend

Adorei concluir esse desafio nele o objetivo e criar uma aplicação que mostre o clima do brasil de diferente estados , o usuario pode pesquisar pelo estado em que ele quer saber sobre o clima e por meio dos dados da api: https://www.weatherapi.com/ exibe os dados do clima atual, maxima e minima do dia , vento , umidade do ar sensação termica e ainda exibe os dados dos climas do estado dos proximos dias. Fiz algumas pequenas mudanças no layout mas sem fugir do que pediram e também tive que usar outra api diferente da que foi solicitada, pois a solicitada já se encontra fora do ar.

## Segue o Desafio:

Vamos dar uma olhada na previsão do tempo? A meta é criarmos uma página simples, que consuma a API do Yahoo de previsão do tempo (https://developer.yahoo.com/weather/). O layout final deverá ficar o mais próximo possível da versão abaixo (sim, vamos ter a versão responsiva mobile e a versão desktop):

Web:

![alt tag](https://lh3.googleusercontent.com/pw/ADCreHdG5K-yqtN20WJBmlmtAuyzhjwnElNeU6fxpOyb-aJXZluxOiSnkGBIry-amsOx5umHYtU5DSgn8QMaojeMbsWMxf4R0lEzsqjZgDcvMLeId4tBWi5GfcELR8-woUWhhKj_zAOTBdd7TozIiGzReFdt1j9bN_gUjIoeU7ZTxHvNmqb_ze0fBQhcJojF-e9bns_LCu0CTdt_kG_1qYoIFIU19lw920az4WMAsOKzWCU_gPhIz_OCv-Jo1MEAtmevQTIL03BC2NHQr0GmcHB55LpD_JTi7kZn7r12fZm-Oj3IoWFgjjy2OsRrY03VYgE8wSfTZEEC8z9v0De_piJ7yfL3M7qmT1aae7bXmW9THjl_Tqhxw_1qvVqPQtnZ4M3mmEMkZYp-Y9IZDNqqPxy6Yz1jncQq6fZQh9JOv-hK4is_kfVVXjY1Ouo-FEJ7GwqRlSlu3iFGgjK5cIMTbhohEMroam1hHWapO1mDwISK93A_n9WKadJYZ6q9NflzscbcShG0gqPfgYdfXgMaTB5Ib5OJYe3HdB1LWtPKsP6Dv4oGoN9xQShQ4GMATO5_KDDLGzyRMlC7xxSV_vfsZSOz3he2kUqHgNgfXGYWx7CKJJ77nFu5rfufKbdjPRvQWBhrHAFznnjkMvzPOzV_73C-boJf_l5dZuxkJf4JXgY3jxRuGzIv9L8lo_XgKVY6FGeuocvb3PKNi5-JdHF7ooMwAnXRVg9P-k_GQYdxMMu7oqXBKXcCyRJ0FS5u7OYaYL_HlOuVa3_HqMgBGxFFCpTDucV3J7UPQwGjoYGQrt9omTcJvgdpyZjzBSqiJZKyBcGgHr0gmurotZH90DEXtBVpVQrDKwm3HiAXz3PqeeLitsDX7KAcaKdZDhJkMdmHFeV9yFlYT7wKh6s3uWR7aFCx-m0PywZrWtlEM7MhcUhIDoMd4wpTrJs9RPAkoOGH=w1920-h927-s-no-gm?authuser=1)

## Tecnologias Utilizadas

- React
- NextJS
- Typescript
- TailwindCSS
- Axios