🗺️ Проекты

Pet-проекты, учебные задачи, идеи для портфолио. Папка временно почти пуста — большая часть проектных заметок ушла в RS-Bootcamp-2026 (структурированные задачи) и в Рецепты/ (готовые сниппеты).

Где искать проекты

🎓 Bootcamp задачи (со скорингом)

→ 📕 README — 10 структурированных задач со ссылками на необходимые знания:

  • CSS Meme Slider (HTML+CSS only)
  • Shelter P1/P2/P3 (вёрстка + JS)
  • JS30 Widgets (Web APIs)
  • Podcast Player (SPA + Fetch)
  • Not Fight Club (state + game logic)
  • HTML Builder (Node.js)
  • Async Race (TypeScript + REST)

🍳 Готовые рецепты для портфолио

→ _MOC Рецепты — Fetch обёртки, UI-компоненты, debounce, drag-and-drop, бургер-меню, валидация форм и др.

Идеи pet-проектов

Frontend (без backend)

  • TODO-приложение (vanilla JS / React / Vue)
  • Pomodoro-таймер с notifications
  • Markdown-редактор с live-preview
  • Weather app с погодным API
  • Калькулятор (с историей в localStorage)
  • Колесо фортуны (Canvas)
  • Memory game (карточки)

Fullstack (с Node.js)

  • Чат на WebSocket
  • URL-shortener
  • Канбан-доска (drag-and-drop)
  • Личный финансовый трекер
  • Заметки с Markdown

CLI на Node.js

  • Static-site-generator
  • HTML-builder (как в bootcamp)
  • Конвертер форматов (csv/json/xml)
  • Линтер своего формата

Open Source / Telegram bots

  • Bot для напоминаний
  • Bot-агрегатор (новости/курсы)
  • npm-пакет (свой util)

Чек-лист качества проекта

  • README с описанием, скриншотами, демо-ссылкой
  • Деплой на gh-pages / Netlify / Vercel
  • Адаптивная вёрстка (≥320px)
  • Lighthouse ≥80
  • Console без ошибок
  • ESLint + Prettier настроены
  • Git commit convention соблюдён
  • CI (хотя бы линтер на PR)

Связанные карты