From 41d0316e0e9d51078e7538e09ac22b098fed1473 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=98=D0=B2=D0=B0=D0=BD=20=D0=9A=D0=BE=D0=B7=D0=BB=D0=BE?= =?UTF-8?q?=D0=B2?= Date: Sun, 3 Aug 2025 21:41:48 +0300 Subject: [PATCH 1/2] fix readme --- README.md | 91 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 82 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 9019a12..bf8a9dd 100644 --- a/README.md +++ b/README.md @@ -1,21 +1,27 @@ -# Hackathon React - Team Portfolio πŸš€ +# Hackathon React - Team Portfolio -Π‘Π°ΠΉΡ‚-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈΠ· 6 Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² с использованиСм **FSD (Feature-Sliced Design)** Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹. +Π‘Π°ΠΉΡ‚-ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈΠ· 6 Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² с использованиСм **Feature-Sliced Design (FSD)** Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹. -## πŸ›  ВСхнологичСский стСк +## ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° -- **React 18** - основной Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ +- **Командная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°** - 6 Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π½Π°Π΄ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ частями ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° +- **БоврСмСнная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°** - использованиС FSD для ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ +- **Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты** - слайдСр, ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ΅, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΎΠ² +- **Responsive Π΄ΠΈΠ·Π°ΠΉΠ½** - адаптация ΠΏΠΎΠ΄ всС устройства +- **Error Handling** - ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ошибок с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Error Boundary + +## ВСхнологичСский стСк + +- **React 19** - основной Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ - **Vite** - сборщик ΠΈ dev-сСрвСр - **SCSS** - стили (Π±Π΅Π· ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ) - **React Router DOM** - Ρ€ΠΎΡƒΡ‚ΠΈΠ½Π³ - **PropTypes** - типизация - **FSD Architecture** - Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° +## Π”Π΅ΠΌΠΎ -## ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ сайт: - -[https://karez79.github.io/hackathon-react/](https://karez79.github.io/hackathon-react/) - +**ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ сайт:** [https://hackathon-react-mocha.vercel.app/](https://hackathon-react-mocha.vercel.app/) ## Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΠΈ ΠΏΠΎ установкС ΠΈ запуску: @@ -23,6 +29,73 @@ 2. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°: `cd hackathon-react` 3. УстановитС зависимости: `npm install` 4. ЗапуститС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚: `npm run dev` -5. Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ `http://localhost:5173/hackathon-react/` +5. Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ `http://localhost:5173/` + +## Наша ΠΊΠΎΠΌΠ°Π½Π΄Π° + +### [Иван](https://github.com/Karez79) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/Karez79) + +Π‘ΠΎΠ·Π΄Π°Π» основныС страницы прилоТСния, настроил ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π» структуру ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° согласно FSD Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π΅. ΠžΡ‚Π²Π΅Ρ‡Π°Π» Π·Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу, страницу ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ†ΠΈΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹. + +--- + +### [Никита](https://github.com/NekitMir) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/NekitMir) + +Π Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π» ΠΏΠ΅Ρ€Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ UI-элСмСнты. Π‘ΠΎΠ·Π΄Π°Π²Π°Π» ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°Π» Π·Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ участников. + +--- + +### [Илья](https://github.com/Desair1) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/Desair1) + +Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ участников Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС ΠΈ систСму Π»Π΅ΠΉΠ±Π»ΠΎΠ². ΠžΡ‚Π²Π΅Ρ‡Π°Π» Π·Π° ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты интСрфСйса ΠΈ ΠΈΡ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ прСдставлСниС. + +--- + +### [АлСксандр](https://github.com/alexander2555) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/alexander2555) + +Π‘ΠΎΠ·Π΄Π°Π» Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ всСго прилоТСния ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ страницу участников. Π Π°Π±ΠΎΡ‚Π°Π» с Π΄ΠΈΠ·Π°ΠΉΠ½-систСмой ΠΈ обСспСчивал Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ†Π΅Π»ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. + +--- + +### [Π•Π³ΠΎΡ€](https://github.com/Madakalov-front) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/Madakalov-front) + +Π‘ΠΎΠ·Π΄Π°Π» слайдСр для просмотра участников, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π» Ρ€Π°Π±ΠΎΡ‚Ρƒ с Local Storage для сохранСния ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ слайдСром ΠΈ сСткой ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ. + +--- + +### [Π”Π°ΠΌΠΈΡ€](https://github.com/damaxGmail) - Frontend Developer +**ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹:** [GitHub](https://github.com/damaxGmail) + +Π‘ΠΎΠ·Π΄Π°Π» страницу 404 ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π» Error Boundary для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ошибок Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, обСспСчив ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°. + +## АрхитСктура ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° + +ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ построСн Π½Π° основС **Feature-Sliced Design (FSD)** Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹, Ρ‡Ρ‚ΠΎ обСспСчиваСт: + +- **ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΡŒ** - Π»Π΅Π³ΠΊΠΎΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ +- **ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°** - понятная структура для всСх участников ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ +- **ΠŸΠ΅Ρ€Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½ΠΈΠ΅** - ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹ +- **Π’Π΅ΡΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΡŒ** - ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ слои прилоТСния + +## Основной Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» + +### Главная страница +- ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ всСх участников ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ +- ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ слайдСром ΠΈ сСткой +- Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ участников Π² ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ΅ + +### Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° участника +- ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π°Ρ информация ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ΅ +- ВСхнологичСский стСк +- ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½Π°Ρ информация +- Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹Π΅ Ρ„Π°ΠΊΡ‚Ρ‹ +### Π˜Π·Π±Ρ€Π°Π½Π½ΠΎΠ΅ +- Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… участников Π² Local Storage +Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ стал Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ слаТСнной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈΠ· 6 Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… внСс свой ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΊΠ»Π°Π΄ Π² созданиС соврСмСнного ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-прилоТСния. ΠœΡ‹ продСмонстрировали Π½Π°Π²Ρ‹ΠΊΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, слСдования Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌ ΠΈ создания качСствСнного ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°. \ No newline at end of file From c4ed63ac0e722ea47d1d1417a6a6922173a04603 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=98=D0=B2=D0=B0=D0=BD=20=D0=9A=D0=BE=D0=B7=D0=BB=D0=BE?= =?UTF-8?q?=D0=B2?= Date: Sun, 3 Aug 2025 21:43:37 +0300 Subject: [PATCH 2/2] delete some readme --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index bf8a9dd..933c1d7 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,6 @@ - **БоврСмСнная Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π°** - использованиС FSD для ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ - **Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты** - слайдСр, ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ΅, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΎΠ² - **Responsive Π΄ΠΈΠ·Π°ΠΉΠ½** - адаптация ΠΏΠΎΠ΄ всС устройства -- **Error Handling** - ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ошибок с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Error Boundary ## ВСхнологичСский стСк