Задачи

• Шапка сайта
• Сделать редизайн мобильного меню в таком духе

Для иконок в темной теме я использовал filter invert, поэтому если их выделить, то цвет выделения — оранжевый.

Фикс

• Нужно импортировать иконки через ?include
• Убрать выделение иконок в принципе

• Адаптация под мобильные устройства
• Улучшение дизайна, использовать меньше обводок, больше разных цветов фона
• Убрать редактирование проектов

Раздел с небольшими личными проектами, как, например, пианино.

Связана с ExEr7um/exer7um-api#62

В компоненте LocaleSelect.vue я получаю массив локализаций через props. Лучше его получать из переменной $i18n.locales.

При нажатии на кнопку «Написать мне» мобильное меню должно закрываться, иначе блоки наслаиваются на друг друга.

Основные задачи

• Навигация
• Ссылки на соц. сети
• Ссылка на Nuxt
• Копирайт
• Мобильная версия

PurgeCSS удаляет некоторые классы из админки, нужно проверить его настройки.

Заменить классы типа space-x-4 на gap-x-4 там, где это возможно.

Основные задачи

• Боковая панель
• Заголовок страницы
• Вход по логину и паролю

Сводка

Основные задачи

• Последние проекты
• Последние сообщения

Проекты

Основные задачи

• Создание проекта
• Изменение проекта
• Удаление проекта

Сообщения

Основные задачи

• Изменение статуса сообщения
• Удаление сообщения

• Вынести в отдельный компонент
• Добавить скрин окна кода (можно использовать carbon) с анимацией его написания

• Маска вида #000000
• Обводка у блока предпросмотра цвета

• Изменить имя с vasily kuzin на ExEr7um
• Добавить проверки на Pull request
• Добавить CodeQL

Проверки на Pull request

on:
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

CodeQL

# For most projects, this workflow file will not need changing; you simply need
# to commit it to your repository.
#
# You may wish to alter this file to override the set of languages analyzed,
# or to provide custom queries or build logic.
#
# ******** NOTE ********
# We have attempted to detect the languages in your repository. Please check
# the language matrix defined below to confirm you have the correct set of
# supported CodeQL languages.
#
name: "CodeQL"

on:
  push:
    branches: [ master ]
  pull_request:
    # The branches below must be a subset of the branches above
    branches: [ master ]
  schedule:
    - cron: '24 10 * * 1'

jobs:
  analyze:
    name: Analyze
    runs-on: ubuntu-latest
    permissions:
      actions: read
      contents: read
      security-events: write

    strategy:
      fail-fast: false
      matrix:
        language: [ 'javascript' ]
        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
        # Learn more about CodeQL language support at https://git.io/codeql-language-support

    steps:
    - name: Checkout repository
      uses: actions/checkout@v2

    # Initializes the CodeQL tools for scanning.
    - name: Initialize CodeQL
      uses: github/codeql-action/init@v1
      with:
        languages: ${{ matrix.language }}
        # If you wish to specify custom queries, you can do so here or in a config file.
        # By default, queries listed here will override any specified in a config file.
        # Prefix the list here with "+" to use these queries and those in the config file.
        # queries: ./path/to/local/query, your-org/your-repo/queries@main

    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
    # If this step fails, then you should remove it and run the build manually (see below)
    - name: Autobuild
      uses: github/codeql-action/autobuild@v1

    # ℹ️ Command-line programs to run using the OS shell.
    # 📚 https://git.io/JvXDl

    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
    #    and modify them (or add more) to build your code if your project
    #    uses a compiled language

    #- run: |
    #   make bootstrap
    #   make release

    - name: Perform CodeQL Analysis
      uses: github/codeql-action/analyze@v1

На страницах «Проекты» и «Обо мне» заголовки имеют разный отступ сверху.

Основные задачи

• Карточка одного проекта
• Страница со всеми проектами
• Загрузка из БД

Вариант карточки

Если открывать сайт в Google Chrome, то социальные иконки в подвале растянуты по вертикали.

В мобильном Safari кнопка «Отправить» имеет слишком жирный шрифт.

На странице «Обо мне» в первом абзаце после слова Tailwind поставлен пробел перед точкой.

У страницы проекты отсутствует заголовок.

Гайд по миграции тут.

• Добавить описание

Нужно добавить Favicon.

Добавить анимации используя transition и transition-group.

Добавить файл sitemap.xml используя пакет @nuxtjs/sitemap.

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

В навигации пропало выделение страницы, на которой в данный момент находится пользователь.

Нужно изменить !dark:text-gray-100 на dark:!text-gray-100.

Основные задачи

• Навигация
• Переключение языков
• Кнопка «Написать мне»
• Мобильная версия

Основные задачи

• Заголовок страницы
• Переход с других страниц
• Имя
• Почта
• Текст сообщения
• Отправка сообщения

Не работает только в тёмной теме, поэтому, скорее всего, нужно добавить свойство dark:bg-opacity-30.

В TailwindCSS 3.0 появилось свойство animate-pulse. Нужно сделать анимацию загрузки проектов, используя его, а не svg.

Нужно адаптировать анимацию загрузки проектов под темную тему. Также верхние углы должны быть закруглены.

Дата копирайта должна автоматически высчитываться и меняться в соответствии с текущим годом.

• Формирование темы письма вида «Ответ на сообщение от 04 февраля 2022»
• Цитирование текста сообщения пользователя в тексте письма

При удалении проекта должен выскакивать alert, уточняющий намерения пользователя.

Обновить иконки используя Heroicons.

Основные задачи

• Заголовок страницы
• Заголовок и небольшое описание, кнопка для отправки сообщения
• Последние несколько проектов и кнопка для перехода на все
• Раздел «Обо мне»

Pinia является новым стандартом в State-менеджменте. Нужно использовать её вместо Vuex.

Анимация загрузки проектов через SVG. Делается на этом сайте.

• Убрать стандартную анимацию Nuxt в конфигурации
• Добавить иконку загрузки на кнопки

Заменить стрелку на кнопке «Перейти →» на иконку

Исправления

Конфигурация

• Убрать поле variants
• Убрать поле mode
• Убрать поле purge

Страницы

• Изменить свойство aspect-ratio на класс Tailwind
• Проверить задание значений в пикселях, исправить на классы
• Изменить цвет фона проектов с классов Tailwind на цвета HEX

Задачи

• Список проектов
• Добавить теги для проектов, в которых указаны используемые технологии, например: Vue 3, Tailwind CSS.

Связана с ExEr7um/exer7um-api#63

Основные задачи

• Заголовок страницы
• Блок «Обо мне»

Нужно изменить baseURL на https://exer7um.herokuapp.com.

Путь файла

.github/workflows/gh-pages.yml

Текст файла

name: Build and Deploy
on:
  push:
    branches:
      - master
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/[email protected]
        with:
          persist-credentials: false

      - name: Install and Build 🔧
        run: |
          npm install
          npm run generate
      - name: Deploy 🚀
        uses: JamesIves/[email protected]
        with:
          ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
          BRANCH: gh-pages # The branch the action should deploy to.
          FOLDER: dist # The folder the action should deploy.

Разработка будет вестись в ветке main, которая заменит в будущем текущую ветку master.

Общие задачи

• Переписать сайт на Nuxt 3
• Использовать TypeScript и <script setup>
• Добавить SSR
• Заменить иконки на @heroicons/vue
• Использовать Strapi новой версии
• Использовать pnpm вместо npm
• Провести редизайн некоторых компонентов
• Добавить новые компоненты

Прочие задачи

• #341
• #340
• #342

Список компонентов

Старые компоненты

• #281
• #360
• #377
• #378
• #324
• #314
• #320
• #351
• #379
• #380

Новые компоненты

• #317
• #323

Список страниц

• #381
• #382
• #383
• #384
• #385

Добавить поддержку нового API через Strapi. Либо через REST, либо через @nuxtjs/strapi.