-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d1b40a8
commit 6e29b76
Showing
1 changed file
with
19 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,23 @@ | ||
# Weather-app | ||
|
||
A weather app using React and TailwindCSS | ||
DEMO[https://ayumi-ayumi.github.io/Weather-app/] | ||
[Click here to see the demo](https://ayumi-ayumi.github.io/Timer-record ) | ||
![weather-app-image](https://github.com/user-attachments/assets/d476c8bb-f0cb-4447-b374-e5b25bb68142) | ||
|
||
### About | ||
This is a weather forecast app. | ||
The cities you selected will be stored in the local storage. | ||
|
||
### How to use | ||
1. Input the city you want to know its weather. ⛅ | ||
|
||
2. Its weather will be show up as a tile. | ||
The background color changes depends on the time. 🌅 | ||
|
||
### Built With | ||
* ![React image](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=black) | ||
* ![vite image](https://img.shields.io/badge/Vite-646CFF.svg?style=for-the-badge&logo=Vite&logoColor=white) | ||
* ![Tailwind css image](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) | ||
* ![npm image](https://img.shields.io/badge/npm-CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)https://www.npmjs.com/package/dayjs | ||
|
||
|
||
Search the city you want to add, which will be stored in the local storage. | ||
The background color changes depends on the time, which you can visualy see when the time is. | ||
|
||
![スクリーンショット 2023-03-28 13 15 05](https://user-images.githubusercontent.com/69543331/228219193-70f1b8a2-42f3-427b-ad1e-93b6c1a4a631.png) |