Thanks to visit codestin.com
Credit goes to github.com

Skip to content

aszelenkov/movies-explorer

Repository files navigation

Дипломная работа "Приложение поиска и сохранения фильмов"

Image alt

Добро пожаловать в репозиторий моей дипломной работы! Этот проект был разработан в рамках 10-месячного курса Яндекс Практикума по веб-разработке. Приложение представляет собой платформу для поиска и сохранения фильмов.

Технологии

В проекте использовались следующие технологии:

My Skills

Бекенд

  • Node.js - платформа для выполнения JavaScript на стороне сервера
  • Express.js - веб-фреймворк для Node.js
  • MongoDB - база данных, используемая для хранения информации о фильмах и пользователях
  • Mongoose - библиотека для работы с MongoDB в Node.js
  • Postman - инструмент для тестирования API

Фронтенд

  • React - JavaScript-библиотека для создания пользовательских интерфейсов
  • React Router - библиотека для реализации маршрутизации в React
  • HTML5 - язык разметки для создания структуры веб-страниц
  • CSS3 - язык стилей для оформления веб-страниц
  • JavaScript - язык программирования, используемый для создания интерактивности на веб-страницах

Дополнительные инструменты

  • Nginx - веб-сервер и прокси-сервер

Описание проекта

Image alt

  • Наше приложение предоставляет возможность искать фильмы по базе данных, предоставленной Яндексом. Мы использовали публичное API https://api.nomoreparties.co/beatfilm-movies для получения информации о фильмах.

Основные функции приложения включают:

  • Поиск фильмов: Вы можете использовать поисковик, чтобы найти интересующие вас фильмы.

  • Сохранение фильмов: После поиска фильма вы можете поставить лайк и сохранить его на странице "Сохраненные фильмы".

  • Удаление фильмов: Если вы удаляете фильм со страницы "Сохраненные фильмы", лайк с этого фильма автоматически снимается.

  • Фильтр короткометражек: Вы можете переключить чекбокс, чтобы отобразить только короткометражные фильмы с длительностью менее 40 минут.

  • Портфолио: Страница портфолио отображает информацию об авторе и его краткое описание. Image alt

  • Авторизация и управление аккаунтом: Пользователи могут войти на сайт, используя функцию регистрации и логина. Image alt

  • Также доступна страница аккаунта пользователя, где можно редактировать информацию о себе. Image alt

Установка и запуск проекта

  1. Склонируйте репозиторий на свой локальный компьютер.
  2. Установите зависимости для бекенда с помощью команды npm install.
  3. Перейдите в папку client и установите зависимости для фронтенда с помощью команды npm install.
  4. Запустите сервер разработки бекенда командой npm run dev.
  5. В новом окне терминала перейдите в папку client и запустите сервер разработки фронтенда командой npm start.

Заключение

Дипломная работа – это итог глубокого погружения и стараний в течение 10 месяцев обучения в области веб-разработки. Это высококачественное приложение для выбора и хранения кинофильмов, объединяющее в себе и серверную, и клиентскую стороны, созданное с помощью новейших технологий.

При создании этой работы я расширил свою экспертизу в разных направлениях, таких как создание сервера с помощью Node.js, Express.js, MongoDB и Mongoose, а также дизайн интерактивного интерфейса с использованием React, JavaScript, CSS3 и HTML5.

Основные возможности, такие как выбор кинолент, хранение избранных фильмов, фильтрация коротких роликов и управление профилем пользователя, были созданы, опираясь на лучшие методики разработки и API, предоставляемые Яндексом.

Я с честью представляю этот проект как показатель нашего мастерства и компетенций, полученных в процессе обучения в Яндекс Практикуме. Кроме технических навыков, я также приобрел множество софт-скилов, которые помогли мне в реализации проекта.

С наилучшими пожеланиями, специалист по веб-разработке, Александр Зеленков

Frontend

Адрес репозитория:

https://github.com/aszelenkov/movies-explorer-frontend

Публичный сервер

aszelenkov.nomoredomains.xyz

Pull request

aszelenkov/movies-explorer-frontend#2

IP: 158.160.114.224

Backend

Адрес репозитория:

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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published