Weather App

✨ تایبەتمەندییەکان#

• کەشوهەوای ڕاستەوخۆ – دەستبەجێ زانیاریی نوێی کەشوهەوا وەربگرە.
• پێشبینیی 15 ڕۆژ – پێشبینیی درێژخایەن ببینە و بۆ وردەکاریی زیاتر کلیک لە کارتی هەر ڕۆژێک بکە.
• دۆزینەوەی شوێن – بە کلیککردن لەسەر ئایکۆنی شوێن، کەشوهەوای شوێنی ئێستات ببینە.
• دیزاینی گونجاو – لەسەر مۆبایل، تابلێت و کۆمپیوتەر بە جوانی کار دەکات.
• دۆخی ڕۆژ/شەو – گۆڕین لە نێوان ڕووکاری ڕووناک و تاریکدا.
• زانیاریی ورد – پلەی گەرمی، شێ، خێرایی با، دۆخی کەشوهەوا و زیاتر ببینە.
• گەڕان – بە ئاسانی بە ناوی شار یان شوێن بەدوای کەشوهەوادا بگەڕێ.

🛠️ تەکنەلۆژیاکانی بەکارهاتوو#

• Vite – ئامرازێکی خێرا و نوێ بۆ فرۆنتئێند
• React – فرەیموۆرکی ڕووکار
• TypeScript – گەشەپێدان بە جۆری داتای پارێزراو
• Tailwind CSS – ستایلی utility-first بۆ دیزاینی گونجاو
• React Icons و FontAwesome – کتێبخانەی ئایکۆن بۆ ڕووکار

⚙️ دەستپێکردن#

بۆ کارپێکردنی ئەپەکە لەسەر کۆمپیوتەرەکەت ئەم هەنگاوانە بگرەبەر:

1
# 1. Clone the repository
2
git clone https://github.com/Ali-Umed/weather-app.git
3
cd weather-app
4

5
# 2. Install dependencies
6
npm install
7

8
# 3. Add your API key
9
# Get one from https://www.visualcrossing.com/
10
# (Or use the one provided in the code – it's free to use)
11

12
# 4. Start the development server
13
npm start