Skip to content

helliong/Shopping-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ Shopping List Π’Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ вСдСния списка ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ.

πŸš€ Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² β€” Ρ‡Π΅Ρ€Π΅Π· Ρ„ΠΎΡ€ΠΌΡƒ ΠΈΠ»ΠΈ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter.
  • Валидация β€” нСльзя Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ пустой Ρ‚ΠΎΠ²Π°Ρ€, числа ΠΈΠ»ΠΈ строки ΠΊΠΎΡ€ΠΎΡ‡Π΅ 3 символов.
  • Π’Ρ‹Π±ΠΎΡ€ количСства β€” для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ количСство (ΠΎΡ‚ 1 Π΄ΠΎ 10).
  • Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ β€” удаляйтС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠ»ΠΈΠΊΠΎΠΌ.
  • Анимация ошибок β€” ΠΏΡ€ΠΈ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΌ Π²Π²ΠΎΠ΄Π΅ ΠΏΠΎΠ»Π΅ подсвСчиваСтся.
  • ΠžΡ‚ΠΌΠ΅Ρ‚ΠΊΠ° ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ β€” ΠΊΠ»ΠΈΠΊ ΠΏΠΎ Ρ‚ΠΎΠ²Π°Ρ€Ρƒ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΊΡƒΠΏΠ»Π΅Π½Π½Ρ‹ΠΉ.
  • Иконки Material Symbols β€” для ΠΊΠ½ΠΎΠΏΠΊΠΈ удалСния.

πŸ› οΈ Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

  • HTML β€” Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° страницы
  • CSS β€” стилизация, сброс стандартных стилСй
  • JavaScript β€” Π»ΠΎΠ³ΠΈΠΊΠ° прилоТСния
  • Google Fonts Material Symbols β€” ΠΈΠΊΠΎΠ½ΠΊΠΈ

⚑ Как Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» index.html Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.