Diploma project - Frontend

React HTML CSS

О Дипломном проекте

Сделан финальный проект на веб-факультете в @yandex.practicum. Это сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете.

Вот что было сделано:

• настроена инфраструктура и создан сервер на express;
• подключена база данных, созданы схемы и модели ресурсов API;
• реализовано логирование, аутентификация и авторизация на сервере;
• бэкенд задеплоен на Облачный сервер;
• свёрстаны компоненты на React, разметка портирована в его формат;
• описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
• реализованы асинхронные GET- и POST-запросы к API;
• проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;
• полученные фильмы фильтруются на стороне клиента.
• Инструменты и стек: HTML, CSS, React, Express.js, MongoDB, Node.js, API, Nginx, Cookie, Postman

Сайт состоит из нескольких страниц:

1. Главная. Содержит информацию о выполненном проекте.
2. Страница с фильмами. На ней есть форма поиска фильмов и блок с результатами поиска.
3. Страница с сохранёнными фильмами. Показывает фильмы, сохранённые пользователем.
4. Страница регистрации. Позволяет пользователю зарегистрировать аккаунт.
5. Страница авторизации. На ней пользователь может войти в систему.
6. Страница редактирования профиля. Пользователь может изменить данные своего аккаунта.

Основной функционал

• Добавление пользователя.
• Редактирование данных (Имя и Email).
• Поиск фильмов.
• Добавление и удаление карточек с понравившимися фильмами.

Ссылки на проект

• Frontend
• Backend
• Планер
• Макет проекта в Figma
• git Backend

Автор проекта

Токмак Дмитрий Андреевич

студент Яндекс Практикума 59 кагорты