Technical_Task.md

1. Цель проекта

Разработать веб-приложение, в котором можно добавлять свои метки на карту и сохранять в них любую нужную информацию, а также можно рассматривать 3D-модели различных достопримечательностей.

2. Описание системы

Функицональные блоки:

1. Регистрация, аутентификация и авторизация
2. Просмтор 3D-моделей (доступен всем)
3. Добавление своей метки (только авторизованным пользователям)
4. Добавление друзей (только авторизованным пользователям)

2.1. Регистрация

...

2.2. Просмтор 3D-моделей

Пока что просто будем ссылаться на 3D-модели из Google Earth, в дальнейшем будут созданы свои модели

2.3. Свои метки

После того как пользователь добавил свою метку, он, соответственно, может посмотреть прикрепленную к ней информацию.

2.3.1. Взаимодействие с меткой на ПК

1. При наведении на метку будет около курсора всплывать маленькое окошко, в котором будет написано, имя человека, который эту метку добавил, и краткое описание в этой метке
2. При клике на метку будет открываться отдельное окно в котором можно будет посмотреть всю информацию, прикрепленную к метке, в том числе скачать прикрепленные к ней файлы. Также можно будет изменить эту информацию, удалить метку

2.3.2. Взаимодействие с меткой на телефоне

1. При певром клике на метку будет отображаться то же, что в пункте 2.3.1.1.
2. При втором клике на метку то же, что в пункте 2.3.1.2.

2.3.3 Метка пользователя (приватная)

  1. Иконка самого большого размера
  2. Цвет обводки, всплывающего окна свой

2.3.4 Метка друга (если вы в списке пользователей, которым она доступна)

  1. Иконка среднего размера
  2. Цвет обводки, всплывающего окна свой

2.3.5 Метка достопримечательности (публичная)

  1. Иконка самого маленького размера
  2. Цвет обводки, всплывающего окна свой
  3. Во всплывающем окне будет название достопримечательности, и ее описание

2.4. Добавление друзей

...

3. Стек технологий

• Фронтенд:
  • React JS
• Бэкенд:
  • Язык JavaScript
  • Node JS
  • Express JS
  • БД PostgreSQL

4. Дизайн

...