Bu projectda sizning uchta React ilovangiz mavjud:

music-search/
├── public/
│   └── index.html
├── src/
│   ├── index.js          # Asosiy kirish fayli
│   ├── main.js           # Barcha ilovalarni birlashtiruvchi komponent
│   ├── main.css          # Asosiy stil
│   ├── App.js            # 🎵 Musiqa Qidirish ilovasi
│   └── App.css           # Musiqa ilovasi stili
├── currency-converter.js # 💱 Valyuta Konvertor ilovasi
├── currency-converter.css # Valyuta konvertor stili
├── recipe-app.js         # 🍽 Retsept Ilovasi
├── recipe-app.css        # Retsept ilovasi stili
└── package.json

cd music-search
npm install
npm start

• Hooklar: useEffect, useState
• Xususiyatlar: API chaqiruvi, debounce qidirish
• API: iTunes Search API (bepul)
• Funksiyalar: Qo'shiq qidirish, audio preview, iTunes link

• Hooklar: useEffect, useReducer
• Xususiyatlar: Real-time API, state management
• API: exchangerate-api.com (bepul)
• Funksiyalar: Valyuta konvertatsiyasi, real-time kurslar, auto-refresh

• Hooklar: useContext, useMemo, useCallback
• Xususiyatlar: Context API, optimizatsiya, filtr
• Funksiyalar: Retseptlar katalogi, filtrlash, sevimlilar, nutrition info

• useState - state boshqarish
• useEffect - API chaqiruvi va tozalash
• Debounce pattern - performance optimizatsiyasi
• Async/await - asinxron operatsiyalar

• useReducer - murakkab state management
• useEffect - API polling va tozalash
• Reducer pattern - state update logikasi
• Real-time data - avtomatik yangilanish

• useContext - global state management
• useMemo - hisoblash optimizatsiyasi
• useCallback - funksiya optimizatsiyasi
• Advanced filtering - ko'p darajali filtr

• React 18 - eng so'ngi versiya
• Modern CSS - Grid, Flexbox, Animations
• Responsive Design - mobil qurilmalar uchun
• API Integration - real ma'lumotlar
• No External Libraries - faqat React

• URL: https://itunes.apple.com/search
• Parametrlar: term, entity=song, limit
• Authentication: kerak emas

• URL: https://api.exchangerate-api.com/v4/latest/USD
• Authentication: kerak emas
• Update interval: 5 daqiqa

Barcha ilovalar quyidagi qurilmalar uchun optimizatsiyalangan:

• Desktop (1200px+)
• Tablet (768px - 1199px)
• Mobile (480px - 767px)
• Small Mobile (<480px)

• Modern gradient fonlar
• Smooth animatsiyalar
• Hover effektlari
• Loading states
• Error handling
• Empty states
• Micro-interactions

• Debounce qidirish (musiqa)
• Memoized filtr (retsept)
• Callback optimizatsiyasi
• Efficient re-renders
• Lazy loading patterns

Har bir ilova alohida o'rganilishi mumkin:

1. Musiqa qidirish - asosiy React konseptlari
2. Valyuta konvertor - advanced state management
3. Retsept ilovasi - performance optimizatsiyasi

Barcha kodlar o'zbek tilidagi interfeysga ega va mahalliy foydalanuvchilar uchun qulay.