Добро пожаловать на мой проект по воллейболу!, на этот проект ушло (и ещё уйдёт) много времени, используется в качестве образовательных целях, в будущем может использоваться в проде). Ну а для начала представлюсь:
Frontend-разработчик с фокусом на React и TypeScript. Активно расширяю компетенции в backend-разработке: проектирую и реализую fullstack-приложения «с нуля» — от PostgreSQL до UI.
Пишу декларативный, типизированный и поддерживаемый код с акцентом на читаемость, безопасность и долгосрочную поддержку.
| Категория | Технологии |
|---|---|
| Язык | TypeScript, JavaScript |
| Фреймворк | React, React Router |
| Стили | Tailwind CSS, адаптивная и семантическая вёрстка |
| Сборка | Vite |
| Работа с данными | fetch, async/await, zustand, обработка ошибок, валидация входных данных |
| Безопасность | Защита от XSS через экранирование, unit тесты - vitest |
| Уровень | Технологии |
|---|---|
| Среда | Node.js |
| Фреймворк | Express |
| База данных | PostgreSQL, pg (параметризованные запросы) |
| Безопасность | cors, .env, dotenv, валидация входных данных |
| Назначение | Инструменты |
|---|---|
| Менеджер пакетов | pnpm, npm |
| Контроль версий | Git, GitHub |
| Отладка | DevTools, анализ стека ошибок |
| Деплой | GitHub Pages (frontend) |
Реализовано десятки проектов. Все — с исходным кодом, большинство — с live-демо.
| Название | Стек | Описание | Ссылка |
|---|---|---|---|
| Fullstack: Volleyball Teams | React, TS, Vite, Express, PostgreSQL | Fullstack-приложение с подключением к PostgreSQL: backend на Express, frontend на React. Архитектура готова к расширению. | код |
| Курс: Web‑разработка | Bootstrap | Обучающий курс по HTML/CSS. Адаптивная структура, карточки, формы. | демо |
| Тема + текст | React, TS | Переключение темы, сохранение текста и темы в localStorage. |
код |
| Индикатор прокрутки | Vanilla JS | Плавный скролл, индикатор прокрутки, кнопка возврата наверх. | код |
| LaslesVPN Landing | React, TS, Tailwind | Адаптивный лендинг (первый React-проект, выложенный в открытый доступ). | демо |
| Интернет-магазин одежды | HTML, CSS, JS, SCSS | Верстка с использованием препроцессора, работа с изображениями, адаптив. | демо |
| Портфолио | React, TS, Vite | Минималистичный лендинг-портфолио. | демо |
- Проектирование и реализация React-компонентов с управлением состоянием
- Типизация данных на всех уровнях: от API до UI
- Интеграция с REST API: обработка успешных и ошибочных сценариев
- Работа с PostgreSQL: создание БД/таблиц, выполнение запросов
- Настройка локального fullstack-окружения: frontend + backend + БД
- Использование современных инструментов (
Vite,pnpm) для ускорения разработки - Готовность к fullstack-разработке и деплою реальных приложений
- Email:
turchin2003@outlook.com - Telegram:
@fex_d - GitHub: @Fe1exxx
- Портфолио: https://fe1exxx.github.io/Portfolio