Resume

Одностраничное приложение для отображения резюме, включающее секции с информацией о достижениях, сертификатах, образовании, навыках и инструментальных знаниях.

-->Посмотреть проект

Стек технологий

• Frontend: Vue 3, Vite
• CSS: SCSS (Sass)
• Линтинг: ESLint, Prettier
• Сборка проекта: Vite

Возможности

• Полностью адаптивный дизайн
• Отображение информации в секциях:
  • Достижения
  • Сертификаты
  • Образование
  • Последние проекты
  • Навыки и инструменты
• Удобное добавление новых данных

Установка проекта

1. Установите зависимости

yarn

2. Запустите проект в режиме разработки

yarn dev

3. Сборка для продакшена

yarn build

4. Предпросмотр собранного проекта

yarn preview

5. Автоматическое исправление ошибок линтинга

yarn lint

6. Форматирование кода

yarn format

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

RESUME/
├── public/                 # Публичные файлы, доступные напрямую через браузер
│   ├── images/             # PNG/JPG изображения
│
├── src/                    # Исходный код приложения
│   ├── assets/             # Статические ресурсы, доступные через импорт
│   │   ├── fonts/          # Локальные шрифты
│   │   ├── icons/          # SVG-иконки, используемые через импорт
│   │   ├── styles/         # Глобальные SCSS/CSS файлы
│
│   ├── components/         # Vue-компоненты
│
│   ├── data/               # Константы и статические данные
│
│   ├── layouts/            # Основные макеты (Layouts)
│   │   ├── MainLayout.vue  # Главный макет
│
│   ├── App.vue             # Корневой компонент Vue
│   ├── main.js             # Точка входа в приложение
│   ├── index.html          # Основной HTML-файл
│
├── .gitignore              # Файлы и папки, игнорируемые Git
├── package.json            # Конфигурация npm/Yarn, список зависимостей
├── yarn.lock               # Файл блокировки версий пакетов для Yarn
│
├── vite.config.js          # Конфигурация сборщика Vite
├── jsconfig.json           # Пути для автоимпорта в VS Code
├── eslint.config.js        # Конфигурация линтера ESLint
├── .editorconfig           # Настройки кодстайла для редакторов
├── .prettierrc.json        # Конфигурация форматирования Prettier
│
├── README.md               # Документация проекта

Установка стилей

import '@/assets/styles/main.css'
import '@/assets/styles/fonts.css'

Разработка

Для разработки рекомендуется использовать VSCode с плагином Vue - Official.