putilove / websec-3

Безопасность веб-приложений. Лабораторка №3

INSTAHLAM by 6412

Запуск

1. Клонировать репозиторий
2. Открыть папку в терминале
3. Перейти в папку с клиентом ( cd client )
4. Выполнить команду npm install
5. Вернуться в корневую папку ( cd .. )
6. Перейти в папку с сервером ( cd server )
7. Повторить команду из пункта 4
8. Скачать и установить postgreSQL сервер и средство управления pgAdmin 4 (вроде всё это в самом инсталлере можно выбрать)
9. Задать пароль root пользователю pSQL
10. Открыть файл .env в папке с сервером, изменить переменную DB_PASS на тот пароль, что вы установите в 10 пункте.
11. Если меняли порт при установке, то изменить переменную DB_PORT на заданную вами, иначе оставить 5432 - по-умолчанию
12. Открыть pgAdmin 4, развернуть вкладку Servers
13. Развернуть вкладку PostgreSQL 14
14. Нажать правой кнопкой мыши на вкладку Базы данных
15. Нажать создать
16. Задать базе данных имя InstaHlam
17. Открыть проект в терминале
18. Выполнить пункт 7, затем выполнить команду npm run dev
19. Открыть проект в другом окне терминала
20. Выполнить пункт 3, затем выполнить команду npm start

Инструкции по работе

• После запуска клиента откроется браузер на стартовой странице - Выполнить указания (зарегистрироваться или зайти)
• Произойдёт перенос на вкладку новостей, где будет доступен выбор пользователей (поиск), а сверху будет возможность выйти из учетки (sign out) или зайти на свою страницу (кнопка с названием вашего аккаунта, в моем случае NewUser)
• Можно открыть свою страницу и получить такой вид:
• При нажатии на кнопку Add Post появляется модальное окно с вводом информации о посте
• После ввода можно создать пост и он отобразится в вашем профиле
• Его можно лайкать и писать комменты, комменты можно писать ко всем постам, пользователи могут удалять только свои комментарии
• Вернемся на страницу ленты, она у нас пустая
• Введём в поиск имя пользователя (будет предложен список существующих), его страница:
• На пользователя можно подписаться, нажав кнопку Follow/Unfollow
• После подписки можем перейти в ленту и мы увидим посты этого пользователя
• Можно лайкать, комментить, подписываться, отписываться
• Вернёмся на свою страницу нажатием на кнопку сверху справа
• При нажатии на крестик мы можем удалить пост
• при нажатии на Sign Out производится выход из учетной записи