An open API service indexing awesome lists of open source software.

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 ✨

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.