Bookmarks как учебный проект

[hazadus]

Bookmarks - это "учебный" проект, для отработки навыков и изучения нового в разных сферах веб-разработки. Здесь перечислено, какие "темы" нашли отражения в проекте, и что ещё предстоит попробовать.

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

Обозначения:
✅ - реализовано в проекте, 💡 - предстоит реализовать.

Backend

• ✅ Django REST Framework для разработки API.
  • ✅ djoser для токен-аутентификации пользователей.
  • ✅ Сигналы Django (например, post_delete для удаления файлов загрузок при удалении инстанса Download).
  • ✅ Написаны детальные модульные тесты.
• ✅ Celery для выполнения фоновых задач (загрузка файлов на сервер по команде пользователя, отправление уведомлений Telegram).
  • ✅ Автоматический рестарт сбойных задач.
  • ✅ Загрузка видео с YouTube
  • 💡 Загрузка музыки с SoundCloud
  • 💡 Загрузка страниц при помощи wget
• ✅ Redis как бэкенд для Celery.
• ✅ Node + Nitro как сервер для приложения Nuxt 3.
• ✅ Nginx как reverse proxy для всего вместе.
• 💡 Интеграционные тесты (бэкенд с Celery tasks). Write Tests for Celery tasks #51
• 💡 Уведомления пользователя о событиях в системе, в т.ч. через Телеграм (успешно используется в journal). Add Telegram notifications #44
• 💡 Django Channels для мгновенной передачи уведомлений на фронтенд через WebSockets для оперативного обновления интерфейса (успешно используется в journal).

Frontend

• ✅ Nuxt 3 для разработки SPA-фронтенда.
  • ✅ Основные фишки Nuxt и Vue 3: pages, routes, components (props / emits), middleware, runtime config, ...
  • ✅ Всё написано на TypeScript со строгим определением типов всех данных
  • ✅ Pinia
  • ✅ VueUse
  • ✅ i18n
  • 💡 Кастомные страницы ошибок (404, и т.п.) Create custom 404 page #21
  • 💡 Попробовать Nuxt-модуль Content Use "Content" module for Markdown documents #33
• ✅ Bulma для стилизации.
• ✅ Функциональные тесты на Selenium Create Functional tests #50
• 💡 Модульные тесты для компонентов. Unit test for Vue components #56
• 💡 Загрузка файлов на сервер с отображением прогресса (например, изображений профиля пользователя). Add "Upload profile picture" feature #18
• 💡 Выборочное использование SSR, где это более эффективно.
• 💡 Проработать вопросы SEO.

Telegram API

• ✅ Работа с API проекта по командам пользователя.
• 💡 Добавить больше команд. Add bot commands #16

Deploy

• ✅ Запуск всех сервисов проекта на Ubuntu VDS с помощью Docker Compose.
• ✅ Настройка SSL для работы Nginx через https при помощи сертификатов Let's Encrypt.