diff --git a/README.md b/README.md index e548a03..f31d578 100644 --- a/README.md +++ b/README.md @@ -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)