R50 d4aa69fc6ad4a10226a1c22d71f7c938
разработка сайтов

Сайт FilmsMarks

Добавлено 11 янв 2025 в 15:13
Сайт FilmsMarks предназначен для обмена информацией о просмотренных фильмах между пользователями и доступен по адресу: https://movirk.prx.by/. Каждый пользователь может добавлять на сайт новые фильмы, но редактировать и удалять может только тот фильм, который добавил сам. Остальные фильмы он может только добавлять во вкладку Watched films (просмотренное).
Принцип работы: сайт открывается на домашней странице. Через ссылку All films и/или по нажатию на кнопку Explore films пользователь попадает на страницу, на которой представлен список фильмов, загруженных всеми пользователями сайта.
На вкладке All films размещено изображение постера фильма, его название, есть кнопка Show details, которая ведет на страницу с подробной информацией о фильме, кнопка Add to Watched, которая добавляет фильм во вкладку просмотренных.
На странице с информацией о фильме, открывающейся при клике на Show details, расположена карточка с изображением фильма, его названием, годом выпуска и жанром. Также дана информация об имени пользователя, загрузившего этот фильм. Если фильм был загружен пользователем, который сейчас авторизован на сайте, то ему будут доступны две кнопки - Edit (для редактирования информации) и Delete (для удаления фильма). Если же текущий пользователь не загружал фильм, то он увидит лишь общую информацию без возможности ее редактирования или удаления.
Незарегистрированный пользователь увидит на сайте общий список фильмов, однако при попытке добавления их в список просмотренных, его перекинет на страницу с логином и выведется флеш-сообщение о том, что нужно сначала авторизоваться на сайте. После входа на сайт, пользователь может добавить любой фильм из списка к просмотренным во вкладку Watched films. Из этой вкладки он может также и удалить фильм.

Стек: сайт написан на основе NodeJS Express. Стилизация интернет-магазина осуществлена на основе CSS фреймворка Bootstrap. Для хранения данных применялась БД MongoDB.
19688d13a8 Da3dc67b9b 23486d0dfb 8ffea8ba23 D23476a10d