|
1 | | -# Frontend Project 11 |
2 | | - |
3 | | -## Hexlet tests and linter status |
| 1 | +# RSS агрегатор |
4 | 2 |
|
5 | 3 | [](https://github.com/daria-z/frontend-project-11/actions) |
6 | | - |
7 | | -## Maintainability |
8 | | - |
9 | 4 | [](https://qlty.sh/gh/daria-z/projects/frontend-project-11) |
10 | 5 | [](https://sonarcloud.io/summary/new_code?id=daria-z_frontend-project-11) |
11 | 6 |
|
12 | | -[vercel link](https://frontend-project-11-vvax.vercel.app/) |
| 7 | +--- |
| 8 | +## ℹ️ О приложении |
| 9 | + |
| 10 | +Учебное приложение, созданное в рамках курса по фронтенд-разработке. |
| 11 | + |
| 12 | +--- |
| 13 | + |
| 14 | +🔗 [Открыть в браузере (Vercel)](https://frontend-project-11-vvax.vercel.app/) |
| 15 | + |
| 16 | +--- |
| 17 | + |
| 18 | +## 🎯 Цель проекта |
| 19 | + |
| 20 | +- Практика управления состоянием |
| 21 | +- Работа с представлением (view) |
| 22 | + |
| 23 | +--- |
| 24 | + |
| 25 | +## ⚙️ Основной функционал |
| 26 | + |
| 27 | +- Добавление RSS-лент с валидацией ввода |
| 28 | +- Поддержка нескольких лент |
| 29 | +- Автоматическое обновление и отслеживание новых постов |
| 30 | +- Отображение списка фидов и их публикаций |
| 31 | +- Просмотр содержимого постов в модальном окне |
| 32 | + |
| 33 | +--- |
| 34 | + |
| 35 | +## 🛠️ Стек |
| 36 | + |
| 37 | +- [Vanilla JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript) |
| 38 | +- [Vite](https://vitejs.dev/) — сборщик |
| 39 | +- [ESLint](https://eslint.org/) — линтер |
| 40 | +- [i18next](https://www.i18next.com/) — тексты и локализация |
| 41 | +- [Playwright](https://playwright.dev/) — e2e тестирование |
| 42 | +- [Yup](https://github.com/jquense/yup) — валидация форм |
| 43 | +- [Axios](https://axios-http.com/) — HTTP-клиент |
| 44 | +- [on-change](https://github.com/sindresorhus/on-change) — наблюдение за изменениями состояния |
| 45 | +- [Bootstrap](https://getbootstrap.com/) — стилизация интерфейса |
| 46 | + |
| 47 | + |
| 48 | +--- |
| 49 | + |
| 50 | +## 🧪 Makefile команды |
| 51 | + |
| 52 | +**Установка и разработка** |
| 53 | +- `make install` — установка зависимостей |
| 54 | +- `make develop` — запуск dev-сервера |
| 55 | + |
| 56 | +**Качество и проверка** |
| 57 | +- `make lint` — линтинг кода |
| 58 | +- `make qlty-check` — проверка качества |
| 59 | +- `make qlty-metrics` — метрики кода |
| 60 | + |
| 61 | +**Сборка и тесты** |
| 62 | +- `make build` — продакшн-сборка |
| 63 | +- `make test` — запуск e2e тестов |
| 64 | +- `make test-report` — отчёт по тестам |
| 65 | + |
| 66 | +--- |
| 67 | + |
| 68 | +## 📁 Основная структура приложения |
| 69 | + |
| 70 | +> Только ключевые части приложения, без вспомогательных файлов и конфигураций |
| 71 | +
|
| 72 | + |
| 73 | +```text |
| 74 | +├── 📁 src/ # Исходный код приложения |
| 75 | +│ ├── 📁 js/ |
| 76 | +│ │ ├── 📁 model/ # Логика приложения |
| 77 | +│ │ ├── 📁 view/ # Рендеринг интерфейса (фиды, посты, форма, UI) |
| 78 | +│ │ ├── 📝 main.js # Обработчики событий |
| 79 | +│ │ └── 📝 state.js # Работа с состоянием приложения |
| 80 | +│ └── 📝 i18n.js # Локализация |
| 81 | +├── 📁 test-data/ # End-to-End тесты (Playwright) |
| 82 | +├── 📝 index.html # Точка входа приложения и основная разметка |
| 83 | +``` |
| 84 | + |
0 commit comments