Добро пожаловать в репозиторий моей дипломной работы! Этот проект был разработан в рамках 10-месячного курса Яндекс Практикума по веб-разработке. Приложение представляет собой платформу для поиска и сохранения фильмов.
В проекте использовались следующие технологии:
- Node.js - платформа для выполнения JavaScript на стороне сервера
- Express.js - веб-фреймворк для Node.js
- MongoDB - база данных, используемая для хранения информации о фильмах и пользователях
- Mongoose - библиотека для работы с MongoDB в Node.js
- Postman - инструмент для тестирования API
- React - JavaScript-библиотека для создания пользовательских интерфейсов
- React Router - библиотека для реализации маршрутизации в React
- HTML5 - язык разметки для создания структуры веб-страниц
- CSS3 - язык стилей для оформления веб-страниц
- JavaScript - язык программирования, используемый для создания интерактивности на веб-страницах
- Nginx - веб-сервер и прокси-сервер
- Наше приложение предоставляет возможность искать фильмы по базе данных, предоставленной Яндексом. Мы использовали публичное API https://api.nomoreparties.co/beatfilm-movies для получения информации о фильмах.
Основные функции приложения включают:
-
Поиск фильмов: Вы можете использовать поисковик, чтобы найти интересующие вас фильмы.
-
Сохранение фильмов: После поиска фильма вы можете поставить лайк и сохранить его на странице "Сохраненные фильмы".
-
Удаление фильмов: Если вы удаляете фильм со страницы "Сохраненные фильмы", лайк с этого фильма автоматически снимается.
-
Фильтр короткометражек: Вы можете переключить чекбокс, чтобы отобразить только короткометражные фильмы с длительностью менее 40 минут.
-
Портфолио: Страница портфолио отображает информацию об авторе и его краткое описание.
-
Авторизация и управление аккаунтом: Пользователи могут войти на сайт, используя функцию регистрации и логина.
-
Также доступна страница аккаунта пользователя, где можно редактировать информацию о себе.
- Склонируйте репозиторий на свой локальный компьютер.
- Установите зависимости для бекенда с помощью команды npm install.
- Перейдите в папку client и установите зависимости для фронтенда с помощью команды npm install.
- Запустите сервер разработки бекенда командой npm run dev.
- В новом окне терминала перейдите в папку client и запустите сервер разработки фронтенда командой npm start.
Дипломная работа – это итог глубокого погружения и стараний в течение 10 месяцев обучения в области веб-разработки. Это высококачественное приложение для выбора и хранения кинофильмов, объединяющее в себе и серверную, и клиентскую стороны, созданное с помощью новейших технологий.
При создании этой работы я расширил свою экспертизу в разных направлениях, таких как создание сервера с помощью Node.js, Express.js, MongoDB и Mongoose, а также дизайн интерактивного интерфейса с использованием React, JavaScript, CSS3 и HTML5.
Основные возможности, такие как выбор кинолент, хранение избранных фильмов, фильтрация коротких роликов и управление профилем пользователя, были созданы, опираясь на лучшие методики разработки и API, предоставляемые Яндексом.
Я с честью представляю этот проект как показатель нашего мастерства и компетенций, полученных в процессе обучения в Яндекс Практикуме. Кроме технических навыков, я также приобрел множество софт-скилов, которые помогли мне в реализации проекта.
С наилучшими пожеланиями, специалист по веб-разработке, Александр Зеленков
https://github.com/aszelenkov/movies-explorer-frontend
aszelenkov/movies-explorer-frontend#2
IP: 158.160.114.224
https://github.com/aszelenkov/movies-explorer-api
api.aszelenkov.nomoredomains.xyz
IP: 158.160.114.224
/routes — папка с файлами роутов
/controllers — папка с файлами контроллеров пользователя и картин
/models — папка с файлами описания схем пользователя и картин
Остальные директории вспомогательные, создаются при необходимости разработчиком
npm run start — запускает сервер
npm run dev — запускает сервер с hot-reload