/text-editor

single page application on React: text editor of notes with tags

Primary LanguageTypeScript

база данных - json-server через темплейт https://github.com/jesperorb/json-server-heroku , задеплоена на glitch.com stack - React/redux-toolkit/TS/SCSS

Во время редактирования заметки пользователь может создавать теги, используя символ # перед словом. Сортировка по тегам расположенным под шапкой При вводе тега в поле предназначенное только для них, сперва нужно поставить # после ввода слова нажать на кнопку справа от поля

Разработать одностраничное приложение на React: текстовый редактор заметок с тегами. Действия:

  1. Создание, редактирование, просмотр и удаление заметок;
  2. Фильтр заметок по тегу;
  3. Добавление и удаление тегов из списка.
  4. Данные хранить в json формате.
  5. Использование CSS препроцессора.
  6. Использование TypeScript
  7. Залить на гит
  8. Залить на netlify

Примечания: Во время редактирования заметки пользователь может создавать теги, используя символ #. Например: пользователь вводит текст “I wanna go to #shop”. По мере (окончании) ввода должен создаться соответствующий тег и отобразиться в списке под текстовым полем. При редактировании заметки все слова, соответствующие тегам, должны подсвечиваться.

image