Для установки и работы с приложением вам потребуется следующее:
Если nodejs не установлен, то его необходимо скачать с оф. сайта: https://nodejs.org/en/
Необходимо выбрать именно ту версию, которая соответствует вашей ОС
После установки проверяете версию nodejs -v
и версию npm.
В обычной версии сервера nodejs npm идет "в комплекте", но если у вас его нет, рекомендую разобраться в проблеме через оф. сообщество npm: https://www.npmjs.com/
После проверки всех компонентов, устанавливаем npm модуль json-server: npm install -g json-server
Устанавливаем npm модуль serve: sudo npm install -g serve
Заходите на мою страницу в gitHub и скачиваете образ по ссылке https://github.com/aleksey4uk/todos "clone or download" либо "git clone"
После клонирования моего репозитория в свою домашнюю папку в терминале nodejs необходимо выполнить следующие действия
- Заходим в папку с моим проектом
cd todos
- Запускаем наш json-server командой:
json-server info.json
json server обязательно запускаем на 3000 порту, так как приложение настроено под него. - Запускаем сервер и открываем наше приложение
serve -s build
- У вас должна открыть страница в браузере с title "TODO"
- Правильная работа приложения гарантируется только в том случае, если json server будет запущен на 3000 порту
- Добавление таски осуществляется вводом текста и отправкой формы клавишей "ENTER", либо кликом по кнопке "ADD"
- Таску можно пометить, как выполненную, кликом по специальной кнопке слева от текста
- Таску можно изменить двойным кликом по тексту. При успешном изменении требуется нажать клавишу "ENTER"
- Таску можно удалить кликом по специальной кнопке с иконкой мусорной корзины
Любые действия сохраняются локально в файл info.json в следствии чего не нужно беспокоится, что после перезагрузки страницы данные пропадут.