文件名称:weather-app:使用React,Emotion和OpenWeather API制作的Weather Application
文件大小:1.18MB
文件格式:ZIP
更新时间:2024-04-25 02:01:26
JavaScript
带有React,Emotion和OpenWeather API的Weather App R. Hess教授(2020)指导OSU的高级Web开发课程的作业3。 该任务的主要目标是练习从HTTP API提取数据并使用Emotion设置应用程序组件的样式。 具体来说,您将使用创建一个简单的天气应用,该应用可以显示用户指定城市的每日天气预报。 单击链接查看网站: : 或查看下面的演示: 应用功能 提取用户指定城市的预测数据 应用程序允许用户提交要获取其预测数据的城市名称(例如,文本输入框和“提交”按钮)。 用户提交新的城市名称时,将调用OpenWeather每日天气预报API,以获取指定城市至少7天的天气预报数据。 请参阅此处的文档,以了解如何制定对每日预测API的调用以及API响应的外观: 每张卡显示以下信息: 日期 高低温 当天天气的简短描述 当天天气的适当图标。 当您使用特定格
【文件预览】:
weather-app-main
----package.json(1KB)
----package-lock.json(1.38MB)
----src()
--------hooks()
--------index.js(198B)
--------images()
--------api()
--------pages()
--------App.js(2KB)
----.gitignore(323B)
----public()
--------index.html(676B)
--------favicon.ico(4KB)
----README.md(3KB)