Web Todo List

Web Todo List

An application that allows you to set tasks for a specific date. Edit tasks. View a list of tasks for today or a list of all tasks.

Web TodoList

Web TodoList — это пример приложения, позволяющего управлять задачами, который включает в себя:

  • Создание задач
  • Редактирование их
  • Просмотр всех задач
  • Просмотр задач на сегодня

Основная цель этого примера — продемонстрировать работу фреймворка WebView с приложением, написанным на React, и взаимодействие между ними через систему событий.

React

  • Приложение, написанное с использованием MUI.
  • Используется react-lottie.
  • Используется react-router-dom.
  • formik + yup forms.
  • Два языка en_EN и ru_RU.
  • Диалог для выбора даты MUI.
  • Работает независимо в браузере.
  • Настройка для локальной работы в ОС Аврора.
  • Используется LocalStorage, есть синхронизация данных с ОС Аврора.
  • Список событий для обмена данных React <-> ОС Аврора.
  • Синхронизация цветовых схем MUI и атмосфер ОС Аврора.
  • Восстановление данных после открытия приложения.

Аврора

  • Приложение использует Sailfish.WebView 1.0.
  • Отправка атмосферных UI данных в веб-приложение.
  • Отправка локали в веб-приложение.
  • Восстановление данных после открытия приложения.
  • Сохранение данных, отправленных из React при изменении.

Статус сборки:

  1. example - pipeline status
  2. dev - pipeline status

Условия использования и участия

Исходный код проекта предоставляется по лицензии, которая позволяет использовать его в сторонних приложениях.

Соглашение участника регламентирует права, предоставляемые участниками компании «Открытая Мобильная Платформа».

Информация об участниках указана в файле AUTHORS.

Кодекс поведения — это действующий набор правил компании «Открытая Мобильная Платформа», который информирует об ожиданиях по взаимодействию между членами сообщества при общении и работе над проектами.

Структура проекта

Проект имеет стандартную структуру приложения на базе C++ и QML для ОС Аврора.

  • Файл ru.auroraos.WebTodoList.pro описывает структуру проекта для системы сборки qmake.
  • Каталог icons содержит иконки приложения для поддерживаемых разрешений экрана.
  • Каталог qml содержит исходный код на QML и ресурсы интерфейса пользователя.
    • Каталог cover содержит реализации обложек приложения.
    • Каталог icons содержит дополнительные иконки интерфейса пользователя.
    • Каталог js содержит вспомогательные скрипты.
    • Каталог models содержит модели.
    • Каталог pages содержит страницы приложения.
    • Каталог react содержит статически собранное приложение на React.
    • Каталог services содержит сервисы.
    • Файл WebTodoList.qml предоставляет реализацию окна приложения.
  • Каталог rpm содержит настройки сборки rpm-пакета.
  • Каталог src содержит исходный код на C++.
    • Файл main.cpp является точкой входа в приложение.
  • Каталог translations содержит файлы перевода интерфейса пользователя.
  • Файл ru.auroraos.WebTodoList.desktop определяет отображение и параметры запуска приложения.

Совместимость

Проект совместим с актуальными версиями ОС Аврора.

Сборка проекта

Проект собирается обычным образом с помощью Аврора SDK. Приложение на React собрано статически на node v18.18.1 LTS, npm v9.8.1 с ключом --openssl-legacy-provider.

Снимки экранов

screenshots

This document in English

Мы используем cookies для персонализации сайта и его более удобного использования. Вы можете запретить cookies в настройках браузера.

Пожалуйста ознакомьтесь с политикой использования cookies.