Skip to content

"Whish-lister.ru" - cервис, в котором можно составлять списки подарков для мероприятий и делиться ими с друзьями.

AndreiSalnikov/wish-lister-next

Repository files navigation

Wish-lister.ru

Ссылка для демонстрации проекта

https://wish-lister.ru/

Описание

"Whish-lister.ru" - cервис, в котором можно составлять списки подарков для мероприятий и делиться ими с друзьями.

Функционал

  • Регистрация и авторизация пользователя (пока работает только через электронную почту и вк)
  • Вид шапки меняется в зависимости от авторизации
  • Пользователь получает сообщение в случае любой ошибки
  • Поля формы заблокированы во время отправки запросов, и у пользователя нет возможности отправить новый запрос до завершения предыдущего
  • Все формы валидируются на стороне клиента, пользователь не может отправить запрос с невалидными данными
  • Редактирование профиля (имя, электронная почта, пароль, автар, описание)
  • Если на странице редактирования профиля введённая информация соответствует текущим данным пользователя, кнопка «Сохранить» заблокирована и нельзя отправить запрос сохранения
  • Прелоадер крутится во время выполнения запросов
  • На вкладке забронированные подарки хранятся все подарки, которые забронировал пользователь, чтобы в дальнейшем их купить
  • Возможность содавать/редактировать/удалять листы с подарками и сами подарки
  • При попытке перейти на любой защищённый роут происходит редирект на главную страницу
  • Если пользователь был авторизован и закрыл вкладку, он может вернуться сразу на любую страницу приложения по URL-адресу
  • При попытке перейти на несуществующую страницу происходит редирект на страницу «404»
  • Адаптивный дизайн под все разрешения устройств
  • У всех интерактивных элементов есть анимация

Технологии

  • Next.js
  • Страница которой делятся пользователи создаётся с помощью SSR
  • Для хранения и обновления пользовательских данных используется Redux
  • Хуки (useState, useEffect)
  • Использование кастомного хука useFormValidation для мгновенной валидации полей
  • Токен для аутентификации хранится в куках, чтобы не было доступа из js
  • Работа с собственным API
  • HOC-компоненты
  • БЭМ
  • Ипользование препроцессора SCSS
  • Контроль версий в Git

Планы по дороботке

  • Добавить регистрацию и авторизацию через mail.ru,vk.com и google
  • Добавить пользователям возможность делиться своим профилем по нажатию на 3 точки
  • Добавить каптчу при регистрации
  • Добавить уведомления пользователя на сайте, а также подтверждение регистрации по электронной почте
  • Сделать сео оптимизацию

About

"Whish-lister.ru" - cервис, в котором можно составлять списки подарков для мероприятий и делиться ими с друзьями.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published