Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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/
- Host: GitHub
- URL: https://github.com/marcosmaio/1sti-challenge
- Owner: MarcosMaio
- Created: 2023-10-26T20:19:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-28T20:42:31.000Z (about 1 year ago)
- Last Synced: 2023-10-28T21:30:50.886Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://1-s-t-i-challenge.vercel.app/
- Size: 139 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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