This project was bootstrapped with Create React App.
Структура архіву: source/ - папка з вихідними файлами. build/ - зібраний проект documentation/ - зібрана документація data.json - файл з даними, дані в якому відповідають тим, що наведені в завданні.
В файлі /source/src/controller.js закоментовані стрічки, що вмикають зв'язок з cerebral debugger Це зроблено для того, щоб уникнути повідомлень в консолі, що немає зв'язку з cerebral debugger Для використання cerebral debugger потрібно розкоментувати відключені рядки.
Команди для роботи с проектом: Всі команди виконуються з папки source. Папки з білдами будуть створені також в цій папці.
-
Для встановлення залежностей npm install
-
Для запуску проекту npm start
-
Для збирання проекту npm run dev Результат в папці build. Для запуску зібраного проекту потрібен сервер. Для завантаження і запуску сервера можна виконати команду npx http-server В браузері: localhost:8080
-
Для тестів npm test Використовується Jest. Тести написані для допоміжних функцій (utils.js)
-
Для збирання документації npm run doc Використовується jsdoc. Результат зборки documentation/index.html
При виконанні завдання використовано:
- create-react-app
- react
- cerebral для керування станом
- material-ui для інтерфейсу
- SVG для формування зображення
- jss для стилів
- jest для тестів
- jsdoc для генерування документації
- eslint з налаштуваннями create-react-app
Окрім завдань, наведених в умові реалізовано:
- Undo/Redo для всіх операцій редагування в межах одного документа.
- Перемикання графіку ефективності для відображення даних як регулярного графіку, так і оптимізованого