Расскажи о личных Pet-проектах

У меня есть несколько pet-проектов, которые помогают мне изучать новые технологии и улучшать навыки:

1. Task Manager — мини-приложение на React + TypeScript с drag-and-drop интерфейсом. Использовал Redux Toolkit для стейта и Firebase для бэкенда. Особенность — оффлайн-режим через Service Worker.

2. Movie Search — SPA на Vue 3 с Composition API. Интеграция с TMDB API, кастомные хуки и динамический роутинг. Добавил дебаунс для поиска и ленивую загрузку изображений.

3. CSS Generator — инструмент для визуального создания CSS-анимаций. Чистый JS + Canvas. Позволяет экспортировать код анимации в формате keyframes.

Пример кода из Movie Search (Vue):

const search = ref('');
const debouncedSearch = useDebounce(search, 500);

watch(debouncedSearch, async (newVal) => {
  if (newVal.length > 2) {
    await fetchMovies(newVal);
  }
});

Эти проекты помогают тестировать новые подходы в изолированной среде перед использованием в продакшене.