Π“Π»Π΅Π± Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅Π²

Kartuli Anbani

О ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

Π‘ Π½Π΅Π΄Π°Π²Π½ΠΈΡ… ΠΏΠΎΡ€ я ΠΆΠΈΠ²Ρƒ Π² Π“Ρ€ΡƒΠ·ΠΈΠΈ. НС смотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ мСстныС говорят Π½Π° английском/русском, Π·Π½Π°Π½ΠΈΠ΅ грузинского Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² повсСднСвной ΠΆΠΈΠ·Π½ΠΈ. МнС ΠΏΡ€ΠΈΡˆΠ»Π° Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ идСя ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ с ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ - Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ Π½Π°Π²Ρ‹ΠΊΠΎΠ² Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ грузинского языка :)

Π‘ΡƒΠ΄Π΅Ρ‚ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Ссли ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ ΠΊΡ€ΠΎΠΌΠ΅ мСня.

На Π±ΡƒΠΊΠ²Ρƒ даСтся 3 ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠΈ. ΠŸΡ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ ΠΎΡ‚Π²Π΅Ρ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° пСрСвСрнСтся ΠΈ станСт Π·Π΅Π»Π΅Π½ΠΎΠΉ, ΠΏΡ€ΠΈ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΌ Π½Π΅Π²Π΅Ρ€Π½ΠΎΠΌ ΠΎΡ‚Π²Π΅Ρ‚Π΅ - ΠΆΠ΅Π»Ρ‚ΠΎΠΉ. Бброс Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΏΠ΅Ρ€Π΅Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅Ρ‚ всС ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π² Π½Π°Ρ‡Π°Π»ΠΎ ΠΊΠΎΠ»ΠΎΠ΄Ρ‹.

Активно ΠΏΠ΅Ρ€Π΅ΠΏΠΈΡΡ‹Π²Π°ΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π° React + Redux Toolkit. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с этими Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ. Π˜Π·ΡƒΡ‡Π°ΡŽ ΠΈΡ… ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽ знания Π² бою.

Π§Ρ‚ΠΎ сдСлано

  • Написана Π»ΠΎΠ³ΠΈΠΊΠ° ΠΈΠ³Ρ€Ρ‹
  • Π’ качСствС карусСли использован ΠΈ настроСн Swiper.js
  • Π Π°Π·Π΄Π΅Π» с настройками
  • 3 Ρ€Π΅ΠΆΠΈΠΌΠΎΠ° сортировки ΠΊΠΎΠ»ΠΎΠ΄Ρ‹ ΠΊΠ°Ρ€Ρ‚
  • 2 Ρ€Π΅ΠΆΠΈΠΌΠ° Π²Π²ΠΎΠ΄Π° ΠΎΡ‚Π²Π΅Ρ‚Π°: тСкст ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ²
  • Π’Ρ‹Π±ΠΎΡ€ количСства Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΎΡ‚Π²Π΅Ρ‚Π° (ΠΎΡ‚ 3 Π΄ΠΎ 9)
  • Базовая тСмная Ρ‚Π΅ΠΌΠ°
  • Π‘Ρ‚Π΅ΠΉΡ‚-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΠΌΠ΅Π½Ρ‚ с использованиСм Redux Toolkit
  • Локализация (английский ΠΈ русский языки)

ΠŸΠ»Π°Π½Ρ‹ ΠΏΠΎ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

  • Π’Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ статистику ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ Π² Π²ΠΈΠ΄Π΅ сСтки послС окончания ΠΊΠΎΠ»ΠΎΠ΄Ρ‹
  • ВСсти статистику ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² ΠΈ ошибок
  • Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ PWA
  • Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π΅ΠΊΠ²Π°Ρ‚Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ слова ΠΈ Ρ‡ΠΈΡΠ»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ справочныС ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΎ грузинской ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½ΠΎΡΡ‚ΠΈ
  • ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ сборку
  • Локализация с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ спСциализированной Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ
  • Π Π°Π±ΠΎΡ‚Π° Π² ΠΎΡ„Ρ„Π»Π°ΠΉΠ½ Ρ€Π΅ΠΆΠΈΠΌΠ΅
  • ΠžΠ·Π²ΡƒΡ‡ΠΊΠ° ΠΈΠ·ΡƒΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи
  • Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ настройки Π² localStorage

ΠŸΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Π½Π½Ρ‹Π΅ трудности

  • Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ основ React ΠΈ Redux с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ стСйта

Π§Π΅ΠΌΡƒ научился

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Redux для хранСния ΠΈ управлСния стСйтом прилоТСния
  • Основам React ΠΈ Redux
  • ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Swiper.js согласно трСбованиям ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°
  • Π’Ρ‹ΡƒΡ‡ΠΈΠ» грузинский Π°Π»Ρ„Π°Π²ΠΈΡ‚ :)