Frontend-разработчик с фокусом на React и TypeScript. Активно расширяю компетенции в backend-разработке: проектирую и реализую fullstack-приложения «с нуля» — от PostgreSQL до UI.
Пишу декларативный, типизированный и поддерживаемый код с акцентом на читаемость, безопасность и долгосрочную поддержку.
| Категория | Технологии |
|---|---|
| Язык | TypeScript (strict), JavaScript (ES2022+) |
| Фреймворк | React (функциональные компоненты, хуки: useState, useEffect, useMemo, useCallback, React.memo) |
| Стили | Tailwind CSS, адаптивная и семантическая вёрстка |
| Сборка | Vite |
| Работа с данными | fetch, async/await, обработка ошибок, валидация входных данных, защита от undefined |
| Хранение | localStorage с гидрацией состояния |
| Оптимизация | избегание мутаций, useCallback при передаче колбэков, passive: true для scroll |
| Уровень | Технологии |
|---|---|
| Среда | Node.js |
| Фреймворк | Express |
| База данных | PostgreSQL, pg (пулы соединений, параметризованные запросы) |
| Безопасность | cors, .env, dotenv, валидация входных данных |
| Архитектура | REST API (GET, POST), слоистая структура (роуты → сервисы → БД) |
| Назначение | Инструменты |
|---|---|
| Сборка/запуск | npm, concurrently, ts-node |
| Контроль версий | Git, GitHub (ветвление, коммиты, pull request) |
| Отладка | DevTools, console.table, console.error, анализ стека ошибок |
| Конфигурация | tsconfig.json, vite.config.ts, .env |
| Деплой | GitHub Pages (frontend), Render / Railway (backend + БД — в процессе освоения) |
Реализовано 10+ проектов. Все — с исходным кодом, большинство — с live-демо.
| Название | Стек | Описание | Ссылка |
|---|---|---|---|
| Fullstack: Volleyball Teams | React, TS, Vite, Express, TypeScript, PostgreSQL | Fullstack-приложение с подключением к PostgreSQL: backend на Express, frontend на React. CRUD не реализован, но архитектура готова к расширению. | код |
| Курс: 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,concurrently,ts-node) для ускорения разработки - Понимание концепций: иммутабельность, побочные эффекты, жизненный цикл компонентов
- Готовность к fullstack-разработке и деплою реальных приложений
- Email:
[email protected] - Telegram:
@fex_d - GitHub: @Fe1exxx
- Портфолио: https://fe1exxx.github.io/Portfolio