🌍 Angular ქვეყნების მკვლევარი - ტექ. დავალება

🌐 Instructions are available in other languages: English,

მოგესალმებით, ეს არის თქვენი ტექნიკური დავალება. სადაც მოგიწევთ რომ ააწყოთ ქვეყნების მკვლევარი ვებ-აპლიკაცია Angular-ის და RestCountries API-ს გამოყენებით.

🎯 მიზანი

თქვენი მიზანი არის ააწყოთ დინამიური ვებ-აპლიკაცია. სადაც განთავსებული იქნება ინფორმაცია ყველა ქვეყნის შესახებ Restcountries API-ს გამოყენებით. სურვილისამებრ გაქვთ საშუალება გამოიყენოთ Pixabay API და გამოიტანოთ არამარტო ტექსტური ინფორმაცია არამეტ ქვეყნის ვიზუალებიც.

📚 Სარჩევი

• ფუნქციონალი
• API რომლებიც უნდა გამოიყენოთ
• დიზაინის მაგალითები
• ტექნოლოგიები რომელიც უნდა გამოიყენო
• კოდთან დაკავშირებული მითითებები
• პროექტის ინსტალაცია
• შეფასების კრიტერიუმები
• დასრულების შემდეგ

💡 ფუნქციონალი

თქვენ ვებ-აპლიკაციას უნდა შეეძლოს:

1. გამოიტანოს ყველა ქვეყნის სია. თითოეული ქვეყნის ჩანაწერი მინიმუმ უნდა შეიცავდეს ქვეყნის სახელს და დროშას.
2. მიეცით საშუალება მომხმარებლებს დააკლიკოს ქვეყანაზე რათა ნახოს უფრო დეტალური ინფორმაცია - მოსახლეობა, ფართობი, სალაპარაკო ენები და ა.შ.
3. მიიღოს და აჩვენოს შესაბამისი სურათი თითოეული ქვეყნისთვის. Pixabay API-ს გამოყენებით.

🌐 API რომლებიც უნდა გამოიყენოთ

• Restcountries API: მოგაწვდით ინფორმაციას ყველა ქვეყნის შესახებ.
• Pixabay: მოგაწვდით ფოტოს ყველა ქვეყნისთვის.

🎨 დიზაინის მაგალითები

თავისუფლად მიიღეთ შთაგონება შემდეგი რესურსებიდან თქვენი აპლიკაციის დიზაინისთვის. გახსოვდეთ, კარგი მომხმარებლის ინტერფეისი აუმჯობესებს მომხმარებლის გამოცდილებას!

• Live Preview

🛠️ ტექნოლოგიები რომლებიც უნდა გამოიყენოთ

• Angular
• Restcountries API
• Pixabay API

💻 კოდთან დაკავშირებული მითითებები

ამ ამოცანის ერთ-ერთი მთავარი მიზანია პრაქტიკული გამოცდილების მიღება Angular-ის HttpClient-თან. ის გამოყენებული იქნება ყველა HTTP მოთხოვნის დასამუშავებლად თქვენს API-ებზე. დარწმუნდით, რომ შემოიტანეთ იგი თქვენს აპლიკაციის მოდულში:

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  ...
  imports: [
    ...
    HttpClientModule,
    ...
  ],
  ...
})
export class AppModule { }

import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root',
})
export class DataService {
  constructor(private httpClient: HttpClient) { }
}

🔧 პროექტის ინსტალაცია

1. დაკლონეთ ეს რეპოზიტორია თქვენს კომპიუტერზე
2. დააყენეთ Angular CLI: npm install -g @angular/cli
3. დააყენეთ საჭირო Package-ბი: npm install
4. დასტარტეთ აპლიკაცია: ng serve

📋 შეფასების კრიტერიუმები

თქვენი შეფასება დამოკიდებულია:

1. გამართულია თუარა ფუნქციურად ვებ-აპლიკაცია.
2. კოდის ხარისხი: რამდენად ხარისხიანად არის კოდი დაწერილი.?
3. User Interface: რამდენად ლამაზია ვებ-აპლიკაციის Interface-ი?
4. რესპონსიულობა: რამდენად კარგად მუშაობს ვებ-აპლიკაცია სხვადასხვა ზომის ეკრანებზე.

📥 დასრულების შემდეგ

1. დაჰოსტეთ თქვენი ვებ აპლიკაცია Vercel.
2. ჩაუგდეთ შემდეგი ინფორმაცია დავალების მომწოდებელს.
   • თქვენი რეპოზიტორიის ბმული.
   • დაჰოსტილი ვებ აპლიკაციის ბმული.

წარმატებები!! 🚀

გაკეთებულია Lashvardi-მიერ