Учебное приложение, созданное в рамках курса по фронтенд-разработке.
- Практика управления состоянием
- Работа с представлением (view)
- Добавление RSS-лент с валидацией ввода
- Поддержка нескольких лент
- Автоматическое обновление и отслеживание новых постов
- Отображение списка фидов и их публикаций
- Просмотр содержимого постов в модальном окне
- JavaScript (ES6+, модульная структура, без фреймворков)
- Vite — сборщик
- ESLint — линтер
- i18next — тексты и локализация
- Playwright — e2e тестирование
- Yup — валидация форм
- Axios — HTTP-клиент
- on-change — состояние
- Bootstrap — UI-компоненты
make install— установка зависимостейmake develop— запуск dev-сервера
make lint— линтинг кодаmake qlty-check— проверка качестваmake qlty-metrics— метрики кода
make build— продакшн-сборкаmake test— запуск e2e тестовmake test-report— отчёт по тестам
Только ключевые части приложения, без вспомогательных файлов и конфигураций
├── 📁 src/ # Исходный код приложения
│ ├── 📁 js/
│ │ ├── 📁 model/ # Логика приложения
│ │ ├── 📁 view/ # Рендеринг интерфейса (фиды, посты, форма, UI)
│ │ ├── 📝 main.js # Обработчики событий
│ │ └── 📝 state.js # Работа с состоянием приложения
│ └── 📝 i18n.js # Локализация
├── 📁 test-data/ # End-to-End тесты (Playwright)
├── 📝 index.html # Точка входа приложения и основная разметка