Проект: "Mesto React"

Яндекс Практикум - Учебный проект

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

Целью проектной работы был рефакторинг кода с использованием фреймворка React для сервиса Mesto: интерактивной страницы, куда можно добавлять фотографии, удалять их и ставить лайки.

Основные применяемые технологии в рамках данного проекта:

1. CSS (позиционирование, флексбокс, грид, формы, адаптивная верстка на различные экраны от минимум 320рх до 1280рх, псевдоклассы);
2. HTML5;
3. БЭМ методолгия;
4. Nested БЭМ - структура файлов;
5. Использование макета для разработки из Figma;
6. Реализация всего функционала с помощью React;
7. Git - работа с ветками;
8. Работа с DOM;
9. Deploy на сервер;
10. Запросы на сервер (к API);
11. Работа с функциональными компонентами;
12. Использование декларативного подхода;
13. Использование хуков;
14. Использование управляемых компонентов и рефов.

10 спринт: рефакторинг кода из 9 спринта с созданием нового репозитория.

11 спринт: продолжаем работу с кодом - портирование и работа с API (отправка данных форм, лайки, удаление карточек, редактирование аватара и др.).

Инструкция по использованию проекта и системные требования:

• подключение normalize.css;
• страница валидна;
• верстка адаптивна и работает на всех брейкпоинтах;
• все блоки сверстаны и отображают все требования согласно ТЗ (макет Figma);
• все ссылки активные;
• Инфраструктурные файлы проекта созданы через CRA;
• Сборка и запуск проекта выполняются без ошибок;
• Стили портированы;
• Разметка портирована в JSX.

[Ссылки на макеты в Figma] (https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1) (https://www.figma.com/file/bjyvbKKJN2naO0ucURl2Z0/JavaScript.-Sprint-5?node-id=50160%3A172&t=envXO1uXFmO5MXJp-0) (https://www.figma.com/file/kRVLKwYG3d1HGLvh7JFWRT/JavaScript.-Sprint-6?node-id=0%3A1&t=Pb2kIz46vM4UVGbA-0) (https://www.figma.com/file/PSdQFRHoxXJFs2FH8IXViF/JavaScript.-Sprint-9?node-id=109-2&t=QzLn2DUULXpm7R2Z-0)

[Ссылка на GitHub] (https://sabinasikacheva.github.io/mesto-react/)