Fullstack-приложение для заметок. Создано в команде web-разработчика и UI/UX-дизайнера.
-
Клиент: React, TypeScript, Redux-Toolkit, SCSS-modules, axios
-
Сервер: Node, Express, MongoDB, Mongoose, JWT, Cloudinary, nodeMailer (Ссылка на исходный код сервера)
-
Регистрация пользователей с подтверждением аккаунта по email
-
Создание, удаление и редактирование заметок индивидуально для каждого пользователя
-
Возможность загрузки(удаления, апдейта) и прикрепления к каждой заметке файла с изображением, в т.ч. drag-and-drop'ом. Последующий просмотр картинок в поп-апе
-
На странице редактирования в теле заметки присутствует добавление тегов в реальном времени через символ
# -
Теги подсвечиваются, отображаются списком внизу, можно их выделать, удалять
-
Различные фильтры и сортировки заметок на главной, в т.ч. по тегам. Поиск, выбор lazy-loading или пагинации
-
Заметки можно закреплять наверх, добавлять в избранное
-
Лоадер-скелетон при загрузке заметок
-
Страница регистрации и входа с валидацией полей
-
Диалоговое окно удаления заметки, появляющееся в месте клика
-
Предусмотрены всплывающие ошибки и предупреждения
-
Кастомная страница 404
-
Адаптивная верстка
Главная, диалоговое окно удаления
Страница редактирования заметки, загрузка файла, тег
Сортировка и избранное
Поиск и пагинация
Страница входа и валидация полей
Поп-ап с картинкой и мобильная версия (Закрепленные заметки свернуты)
Реализованы версии для ПК и мобильных устройств.