Проект: Stellar Burgers

---

"Stellar Burgers" - учебный проект сайта для бургер ресторана.

Работа выполнена на курсе Web+ от Yandex Практикум в соответствии со всеми пунктами стандартов Яндекс.Практикума по оформлению HTML и CSS кода.

История версий

• Версия 0.6.0

  • Внедряет TypeScript в приложение, полностью заменяя JavaScript.
  • Типизирует код приложения.

• Версия 0.5.0

  • Добавляет страницы «Лента заказов» и «История заказов».
  • Добавляет сокет-соединение для получения и обновления информации о заказах.

• Версия 0.4.0

  • Добавляет страницы «Авторизация» и «Регистрация».
  • Добавляет страницы «Восстановление пароля» и «Сброс пароля».
  • Добавляет страницу «Профиль пользователя».
  • Добавляет страницу «Детальный просмотр ингредиента».
  • Добавляет функционал авторизации и регистрации.
  • Добавляет функционал получения и обновления токена.
  • Добавляет функционал получения и обновления информации о пользователе для отображения на странице профиля.
  • Добавляет защищенные маршруты в приложении.

• Версия 0.3.0

  • Добавляет redux хранилище в приложение с использованием redux-toolkit.
  • Дорабатывает интерфейс навигации по ингредиентам, добавляя функционал смены вкладки при скролле страницы. Также скроллит страницу до нужного блока при нажатии на вкладку.
  • Реализовывает функционал drag&drop для добавления ингредиентов в корзину и сортировки внутри корзины.
  • Добавляет отправку запроса на сервер при оформлении заказа в корзине.

• Версия 0.2.0

  • Заменяет компоненты приложения с классовых на функциональные.
  • Подключает API.
  • Добавляет Loader.
  • Добавляет функциональные компоненты Modal и ModalOverlay.
  • Добавляет функциональные компоненты содержимого модальных окон: IngredientDetails и OrderDetails.

• Версия 0.1.0

  • Инициализирует приложение с помощью CRA.
  • Устанавливает библиотеку UI-компонентов.
  • Организовывает файловую структуру.
  • Добавляет классовые компоненты AppHeader, BurgerIngredients, BurgerConstructor.
  • Добавляет проверку типов данных компонентов с помощью PropTypes.

Спринт	Версия	Технологии	Чек-листы	Макеты
7	0.1.0	HTML5, CSS3, JS, React	чек-лист 7 спринта	макет 7 спринта
7	0.2.0	HTML5, CSS3, JS, React	чек-лист 7 спринта	макет 7 спринта
8	0.3.0	JS, React, Redux, Redux-toolkit	чек-лист 8 спринта	макет 8 спринта
9	0.4.0	JS, React, Redux, Redux-toolkit, React router	первый чек-лист 9 спринта	макет 9 спринта
9	0.5.0	JS, React, Redux, Redux-toolkit, React router	второй чек-лист 9 спринта	макет 9 спринта
10	0.6.0	TypeScript, React, Redux, Redux-toolkit, React router	чек-лист 10 спринта

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

npm start

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

npm test

Исполняет все написанные файлы тестирования

npm run build

Генерирует оптимизированную сборку проекта в папке build/

npm run eject

После запуска команды CRA необратимо копирует все инфраструктурные файлы конфигурации из пакета react-scripts в сам проект и редактирует package.json файл

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

• Клонировать проект - git clone [email protected]:julfy-bs/stellar-burgers.git
• Установить зависимости npm install
• Запустить сервер для разработки npm run start

© Автор - Сутужко Богдан