Проектная работа 5 курса, спринты 10 - по профессии "Веб-разработчик" образовательной платформы ЯндексПрактикум поток №39, группа "Purple" старт обучения по основной программе - 14.11.2021 года
- Описание
- Использовано
- Процесс написания
(Изображения взяты из описаний проектных работ Яндекс.Практикум)
Место - сервис для обмена фотографиями. Пользователи сервиса могут добавлять, удалять фотографии, а так же ставить лайки понравившимся фотографиям.
Страница проекта на GitHub Pages
- Браузерные стили сброшены через Normalize.css;
- Семантическая верстка;
- Шрифты в форматах woff и woff2;
- Библиотека (фреймворк) ReactJS;
- Адаптивная верстка;
- семантической HTML-разметки.
- использования в верстке БЭМ-подхода.
- кросс-браузерной верстки и использования вендорных CSS-префиксов.
- работы с системой контроля версий Git и сервисом GitHub.
- использования CSS-анимаций, фреймов, подключения шрифтов.
- организации файловой стркутуры проекта по Nested Bem.
- адаптивной верстки, использования медиа-запросов.
- работы с макетом в Figma.
- оптимизации графики
- публикации проекта на GitHub Pages
- работы с API, использования HTTP-запросов
- использования JSX
- написания классовых и функциональных компонентов
- работы с Virtual DOM
- использования React-hooks
- Склонируйте проект по HTTPS
https://github.com/AstreyaJulia/mesto.git
или через SSH:git@github.com:AstreyaJulia/mesto.git
; - Перейдите в папку проекта
cd mesto-react
; - Установите зависимости
npm install
; - После установки зависимостей выполните
npm start
для запуска сервера разработки илиnpm build
для production-сборки проекта; - Запустить production-сборку можно выполнив
npm serve
; - После
npm start
илиnpm serve
проект будет запущен на локальном сервере по адресуhttp://localhost:3000
;
- Начальная настройка проекта;
- Перенос основных блоков, графики, стилей, переменных и api;
- Подключение API - карточки и информация профиля берется от сервера;
- Добавлен скрипт serve для запуска production-сборки;
- Добавлены компоненты всплывашек;
- Основной компонент приложения связан с компонентами всплывашек;
- Состояние currentUser;
- Поднятие стейта card Main -> App;
- Ф-ии удаления карточки, лайка/дизлайка карточки, в api метод changeLikeCardStatus;
- Отдельный компонент для всплывашек редактирования профиля, редактирования аватара, добавления карточки;