Skip to content

Latest commit

 

History

History
67 lines (36 loc) · 3.28 KB

README.md

File metadata and controls

67 lines (36 loc) · 3.28 KB

Note app

ENG

Fullstack-приложение для заметок. Создано в команде web-разработчика и UI/UX-дизайнера.

Ссылка на приложение

Стек

Функционал

  • Регистрация пользователей с подтверждением аккаунта по email

  • Создание, удаление и редактирование заметок индивидуально для каждого пользователя

  • Возможность загрузки(удаления, апдейта) и прикрепления к каждой заметке файла с изображением, в т.ч. drag-and-drop'ом. Последующий просмотр картинок в поп-апе

  • На странице редактирования в теле заметки присутствует добавление тегов в реальном времени через символ #

  • Теги подсвечиваются, отображаются списком внизу, можно их выделать, удалять

  • Различные фильтры и сортировки заметок на главной, в т.ч. по тегам. Поиск, выбор lazy-loading или пагинации

  • Заметки можно закреплять наверх, добавлять в избранное

  • Лоадер-скелетон при загрузке заметок

  • Страница регистрации и входа с валидацией полей

  • Диалоговое окно удаления заметки, появляющееся в месте клика

  • Предусмотрены всплывающие ошибки и предупреждения

  • Кастомная страница 404

  • Адаптивная верстка

Скриншоты

Главная, диалоговое окно удаления Screenshot-app-notes

Страница редактирования заметки, загрузка файла, тег Screenshot-app-notes-edit

Сортировка и избранное Screenshot-app-notes-filter

Поиск и пагинация Screenshot-app-notes-search

Страница входа и валидация полей Screenshot-app-notes-login

Поп-ап с картинкой и мобильная версия (Закрепленные заметки свернуты) Screenshot-mobile-and-popup

Реализованы версии для ПК и мобильных устройств.

Для разработчиков