levineye13/mesto-react

Фронтенд проекта Mesto на React.

Место

В данном сервисе представлены иллюстрации замых захватывающих мест России.

Технологии

• БЭМ
  • Основные понятия
  • Файловая структура
• Flexbox
• Grid Layout
• Адаптивная верстка
• DOM
• Валидация формы
• Асинхронный JS
• Работа с API
• React
• Npm

Доступные скрипты

npm run start

Запускает приложение в режиме разработки. Откройте http://localhost:3000 для просмотра в браузере.

npm test

Запускает средство запуска тестов. Дополнительная информация: running tests.

npm run build

Собирает готовое приложение в папку build.

Деплой проекта на GitHub Pages

1. Добавьте homepage в package.json

"homepage": "https://myusername.github.io/my-app",

2. Установите gh-pages

npm install --save gh-pages

3. Добавьте скрипты для деплоя в package.json

"scripts": {
  "predeploy": "npm run build",   +
  "deploy": "gh-pages -d build",  +
  "start": "react-scripts start",
  "build": "react-scripts build",
}

4. Разверните сайт, запустив npm run deploy

npm run deploy

5. Убедитесь, что в настройках проекта используется gh-pages

6. Опционально. Вы можете настроить собственный домен

Подробнее: Установка домена