- Описание и функционал;
- Как запустить проект
- Ссылки и важная информаци о проекте;
- Технологии, используемые в проекте.
- Планы по улучшению
Дипломный проект, включает фронтенд- и бэкенд-части приложения со следующими возможностями:
- Для пользователей: авторизации, аутификация, регистрации и возможноть изменения данных текущего пользователяю. Все данные валидируются.
- Для фильмов: получение фильмов со стороннего сайта, возможность добавления, удаления их из сохраненных фильмов, переход на ютубу для просмотра трейлера.
- Основная страница: просмотр информации о данном проекте, о изученных технологиях во время обучения, обо мне и ссылками на репозитории прошлых работ.
Проект написан на библиблиотеке React и JavaScript.
- составление плана,
- работу над бэкендом,
- работу над вёрсткой,
- добавление функциональности о фронтенд-часть,
- финальные доработки.
У каждого этапа был мягкий и жёсткий дедлайн, которые нужно было соблюдать, чтобы успешно защититься.
- Скачайте из репозитория https://github.com/milenairon/movies-explorer-frontend и https://github.com/milenairon/movies-explorer-api папки, нажав на кнопку Code → Download ZIP
- Извлеките данные из папки.
- Скачайте Node.js
- '''npm ci''' - установить зависимости
- Войдите через командную строку Node.js в папку movies-explorer-frontend. Введите '''npm run start''' (в браузере откроется front-end часть)
- Войдите через командную строку Node.js в папку movies-explorer-api. Введите '''npm run dev''' (в браузере откроется back-end часть)
Ссылка на макет: https://www.figma.com/file/6FMWkB94wE7KTkcCgUXtnC/Дипломный-проект?type=design&node-id=1-7266&mode=design&t=lWxbFcbxWZWgQe5F-0
Название макета: dark-2
Ссылка на front-end репозиторий: https://github.com/milenairon/movies-explorer-frontend
Ссылка на back-end репозиторий: https://github.com/milenairon/movies-explorer-api
-
HTML
-
CSS
-
JS
-
React
-
React Router
-
Git
-
Express.js
-
mongoDB
- Добавить кнопку показа информации о фильме: страна, режисер и т.д.
- Добавить другие фильтры по карточкам фильмов: по стране, режисеру, описанию.
- Добавить кнопку с функцией "Не показывать этот фильм", страницу с заблокированными фильмами
- Кроссбраузерность