Проект Mesto powered by React

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

Всем привет 🙌

Цель этого проекта - реализовать и дополнить с помощью библиотеки React ранее написанный мной на нативном JS сервис Mesto.

Данный сервис представляет собой интерактивную страницу для публикации фотографий своих любимых мест, в котором реализовано:

• авторизация пользователя
• добавление и удаление фотографий
• постановка и снятие лайков с отображением их количества
• редактирование информации о пользователе
• просмотр полноразмерной фотографии при клике на нее
• редактирование изображения аватара пользователя
• валидация всех форм, представленных в проекте
• отзывчивый дизайн и поддержка различных разрешений экранов

Технологии

В рамках работы над сервисом Mesto были использованы следующие технологии:

• React (hooks)
• CRA
• HTML
• CSS
• JSX
• API server
• Flexbox
• Grid Layout
• Figma
• GIT
• Методология BEM
• Отзывчивая верстка

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

Для запуска проекта необходимо выполнить следующие шаги:

1. Клонировать репозиторий:

git clone https://github.com/Dronoti/react-mesto-auth.git

2. Перейти в папку с проектом и установить зависимости:

npm install

3. Запустить проект с помощью команды:

npm start

Откройте http://localhost:3000 для просмотра проекта в вашем браузере (по умолчанию открывается автоматически).

Помимо этого, вы можете выполнить сборку проекта с помощью следующей команды:

npm run build

Figma

Ссылка на макет в Figma

Дополнительно

Этот проект был создан с помощью Create React App. Вы можете узнать больше об этом на странице с документацией.

Изучить информацию про React можно на его сайте.