Краткое описание:

"Stellar Burgers" - одностраничное приложение, позволяющее собрать и заказать свой уникальный межгалактический бургер

Проект сверстан для настольных компьютеров (разрешение 1280x720 и выше, статическая верстка).

Открыть в браузере

Для полноценного тестирования необходимо зарегистрироваться или авторизоваться.

Тестовые данные для авторизации:
e-mail: stellarburgers@test.com
Пароль: password

Функционал:

• с помощью перетаскивания соберите свой межгалактический бургер
• список ингредиентов приходит с публичного API
• регистрация/авторизация пользователя, восстановление пароля
• Хранение токенов в cookie
• Защищенный роутинг
• Лента заказов (WebSocket)

Технологии, использованные при создании:

• React.js (CRA)
• TypeScript
• Redux (Redux-toolkit, thunk)
• React DND
• React Router
• Работа с публичным API
• JWT Token
• WebSocket
• Flexbox
• Grid Layout
• CSS - animation
• Семантическая верстка
• Использована библиотека UI-компонентов Яндекс.Практикум.Реакт

Языки:

• HTML
• CSS
• TypeScript
• JSX

Внешние компоненты

Для работы с проектом вам понадобятся git, NodeJS

• Как установить git.
• Как установить NodeJS.

Локальная установка:

В командной строке перейдите в папку, где будет развернут проект. После чего скопируйте его с GitHub:

`$ git clone git@github.com:RoChernikov/react-burger.git`

Далее переходим в папку с проектом и устанавливаем компоненты:

`$ npm install`

Далее можно запускать проект на локальном сервере:

`$ npm start`

Деплой проекта:

Устанавливаем пакет для выкладывания проекта на gh-pages:

`$ npm install gh-pages --save-dev`

Деплой:

`$ npm run deploy`

Ссылки:

Макет

• Ссылка на деплой

• По вопросам доработки сайта

Проектная работа: "Stellar Burgers". Создана в рамках учебы в Яндекс.Практикум на курсе "Веб-разработчик плюс".