Portfolio

🎨 Портфолио

Персональный сайт-портфолио, разработанный с использованием современных веб-технологий

Демо • Установка • Функции • Технологии

---

⚡️ Быстрый старт

# Клонируем репозиторий
git clone https://github.com/ikekyzero/Portfolio.git

# Устанавливаем зависимости
npm install

# Запускаем проект
npm start

🚀 Технологии

🎯 Основные функции

• 📱 Адаптивный дизайн - mobile-first подход
• 🌓 Темная тема - переключение между темной и светлой темами
• 🎥 Фоновое видео - с элегантным наложением
• 📋 Быстрое копирование - копирование контактов в буфер обмена
• 🔔 Уведомления - анимированные уведомления о действиях
• 🎨 SVG иконки - векторные иконки социальных сетей

📁 Структура проекта

src/
├── assets/          # SVG иконки и статические ресурсы
├── components/      # React компоненты
│   ├── ProfileSection.tsx    # Секция с профилем
│   ├── AboutSection.tsx      # Секция "Обо мне"
│   ├── ThemeToggleButton.tsx # Переключатель темы
│   └── ...
├── layouts/         # Компоненты-обертки
├── styles/          # Стили и Tailwind утилиты
├── utils/           # Вспомогательные функции
└── data/           # JSON данные

💡 Особенности реализации

🎨 Темизация

const ThemeProvider = ({ children }) => {
    const [theme, setTheme] = useState(localStorage.theme || 'light');
    // Логика переключения темы
};

🎯 Стилизация

// Модульный подход к стилям
export const cardStyles = {/*...*/};
export const textStyles = {/*...*/};
export const buttonStyles = {/*...*/};

🖼 SVG иконки

import { ReactComponent as GitHubIcon } from '../assets/icons/github.svg';

📝 Редактирование контента

Весь контент сайта хранится в src/data/personalInfo.json:

{
    "age": {
        "years": 21,
        "birthDate": "14 октября 2003"
    },
    "contacts": {
        "phone": "+79644213812",
        "email": "andrew.rudakov2003@gmail.com"
    }
}

🌐 Браузерная поддержка

👤 Автор

---

Built with ❤️ by Торговкин Андрей