Дипломный проект (фронтенд)

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

В проекте используются технологии

• HTML5
• CSS3
• Grid Layout
• CSS БЭМ Nested
• Семантические теги
• Адаптивная верстка
• JavaScript
• React

• Create React App
• разметка страницы создается с ипользованием JSX;
• проект состоит из функциональных компонентов;
• в работе с проектом применены хуки React.useState, React.useEffect, React.useCallback, React.useContext и пользовательские хуки;
• в проекте настроена валидация форм регистрации, входа и редактирования профиля, также валидируется поле поиска фильмов,
• реализовано отправление api запросов к собственному серверу и к стороннему.

Инструкции по развертыванию

Если вы хотите скачать код проекта на свой компьютер, вам понадобится NodeJS и Webpack (для распаковки и запуска кода).

• установите NodeJS;
• клонируйте проект:

в папке, куда вы планируете сохранить проект, откройте командную строку и введите: git clone https://github.com/Lina7227/movies-explorer-frontend.git;

• откройте проект в редакторе кода и выполните следующие действия:

запустите в командной строке npm i; затем введите npm start и проект запустится на локальном сервере; чтобы собрать поект введите npm run build.

Статус проекта

Проект завершен.

Макет проекта на figma

Ссылка на код бэкенда проекта

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