https://github.com/nelonarrive/portfolio-project
π₯οΈ ΠΠ΅ΡΡΠΎΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° β Next.js 15, TypeScript, SCSS Modules ΠΈ ΠΊΡΡΡΠΎΠΉ UX β¨
https://github.com/nelonarrive/portfolio-project
adaptive nextjs prettier react-query scss-modules typescript
Last synced: 2 months ago
JSON representation
π₯οΈ ΠΠ΅ΡΡΠΎΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° β Next.js 15, TypeScript, SCSS Modules ΠΈ ΠΊΡΡΡΠΎΠΉ UX β¨
- Host: GitHub
- URL: https://github.com/nelonarrive/portfolio-project
- Owner: NelonArrive
- Created: 2025-05-01T19:29:00.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-23T14:23:39.000Z (5 months ago)
- Last Synced: 2025-06-15T08:46:48.988Z (4 months ago)
- Topics: adaptive, nextjs, prettier, react-query, scss-modules, typescript
- Language: TypeScript
- Homepage: https://nelon-arrive.ru
- Size: 335 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# π§βπ» ΠΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
ΠΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² ΠΌΠΎΠΉ ΠΏΠ΅ΡΡΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΡ-ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ Π»ΡΠ±ΠΎΠ²ΡΡ ΠΊ UI/UX, Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ΠΌ ΠΊ Π΄Π΅ΡΠ°Π»ΡΠΌ ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π°.
## π Π ΠΏΡΠΎΠ΅ΠΊΡΠ΅
ΠΡΠΎΡ ΠΏΡΠΎΠ΅ΠΊΡ β Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠ΅Π·ΡΠΌΠ΅, Π° ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π² **ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ΅ΡΠΊΠΎΠΌ** ΡΡΠΈΠ»Π΅ , Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Π°Ρ "ΡΡΡΠ°Π½ΠΈΡΠ°" ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΎ ΠΌΠΎΠ΅ΠΌ ΠΎΠΏΡΡΠ΅, Π½Π°Π²ΡΠΊΠ°Ρ ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ . ΠΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡΠΎΠΌ β ΡΠΈΡΡΡΠΉ ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄ Ρ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.
> β‘ Π¦Π΅Π»Ρ: ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ Π²ΠΎ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, Π½ΠΎ ΠΈ ΠΊΠΎΠ΄ΠΎΠΌ.
## π οΈ Π’Π΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ
- **Next.js 15** β ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π½Π° Π±Π°Π·Π΅ React Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ SSR, ΠΌΠ°ΡΡΡΡΡΠΈΠ·Π°ΡΠΈΠΈ ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ.
- **TypeScript** β ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ Π½Π°Π΄ΡΠΆΠ½ΠΎΡΡΠΈ ΠΈ ΡΠ΄ΠΎΠ±ΡΡΠ²Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
- **SCSS Modules** β Π»ΠΎΠΊΠ°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Ρ ΠΏΠΎΠ»Π½ΠΎΠΉ ΡΠ²ΠΎΠ±ΠΎΠ΄ΠΎΠΉ ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΈ ΡΠΈΡΠ°Π΅ΠΌΡΠΌ CSS-ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠΎΠΌ.
- **clsx** β ΡΠ΄ΠΎΠ±Π½Π°Ρ ΡΡΠΈΠ»ΠΈΡΠ° Π΄Π»Ρ ΡΡΠ»ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ CSS-ΠΊΠ»Π°ΡΡΠΎΠ².
- **React Hook Form** β ΠΏΡΠΎΡΡΠΎΠ΅ ΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΠΌΠ°ΠΌΠΈ Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠ΅ΠΉ.
- **React Query** β Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ Π΄Π°Π½Π½ΡΡ Ρ ΠΊΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΏΡΠ΅Π΄Π·Π°Π³ΡΡΠ·ΠΊΠΎΠΉ ΠΈ ΡΠΈΠ½Ρ ΡΠΎΠ½ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ Ρ ΡΠ΅ΡΠ²Π΅ΡΠΎΠΌ.
- **Axios** β Π³ΠΈΠ±ΠΊΠΈΠΉ HTTP-ΠΊΠ»ΠΈΠ΅Π½Ρ Π΄Π»Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ REST API.## β¨ ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ
- βοΈ ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΌΡ (ΡΠ²Π΅ΡΠ»Π°Ρ / ΡΡΠΌΠ½Π°Ρ)
- πΌοΈ ΠΡΠ°ΡΠΈΠ²ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° UX## π§ͺ Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΈ Π·Π°ΠΏΡΡΠΊ
```bash
# 1. ΠΠ»ΠΎΠ½ΠΈΡΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ
git clone https://github.com/NelonArrive/Portfolio.git
cd portfolio# 2. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ
yarn install# 3. ΠΠ°ΠΏΡΡΡΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΡΠ²Π΅Ρ
yarn dev
```## π ΠΠ΅ΠΌΠΎ
> π [Π‘ΠΌΠΎΡΡΠ΅ΡΡ ΠΎΠ½Π»Π°ΠΉΠ½](https://nelon-arrive.ru)
---
> Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ β€οΈ ΠΈ JavaScript.