/Stellar-Burgers-React

Stellar Burgers

Primary LanguageTypeScript

Реализация проекта «Stellar Burgers»

Проектная работа по программе обучения "Веб-разработчик плюс" в Яндекс Практикуме.

Сведения об образовательном учреждении

АНО ДПО "ШКОЛА АНАЛИЗА ДАННЫХ"

  • ОГРН: 1147799006123 ИНН: 7704282033
  • Место нахождения образовательной организации: 119021, Россия, г. Москва, ул. Тимура Фрунзе, д. 11, корпус 2
  • Почтовый адрес: 115035, город Москва, ул. Садовническая, д. 82, стр. 2
  • Контактный телефон: +7 (495) 739-70-00
  • Электронная почта: shad@yandex-team.ru

О проекте:

alt text

Ссылка на проект:

Stellar Burgers — приложением космической бургерной. Сейчас дела там идут не очень, но, надуюсь, у меня получится сделать из закусочной на краю света одно из лучших заведений во Вселенной.

Этот проект был запущен с Create React App. В каталоге проекта вы можете запустить: npm start - запускает приложение в режиме разработки. Открыть http://localhost:3000 чтобы просмотреть его в браузере.

Первая часть работы в ветке: month-7/step-1

  1. Создание нового проекта на CRA
  2. Установка библиотеки UI-компонентов
  3. Настройка и ведение git
  4. Организация файловой структуры
  5. Вёрстка первого экрана проекта. PropTypes

Вторая часть работы в ветке: month-7/step-2

  1. Функциональные компоненты
  2. Подключение к API
  3. Компоненты главной страницы: Modal и ModalOverlay
  4. Компоненты содержимого модальных окон: IngredientDetails и OrderDetails
  5. Типизация

Третья часть работы в ветке: month-8/step-2

  1. Использование Context в конструкторе бургеров
  2. Набор ограничений внутри конструктора бургера
  3. Подсчёт итоговой стоимости бургера
  4. Возможность создавать заказ
  5. Проверка типизации
  6. Обновление инфраструктуры приложения
  7. Подготовка хранилища
  8. Создание первых экшенов и редьюсеров
  9. Доработка интерфейса навигации по ингредиентам
  10. Реализация перетаскивания ингредиентов
  11. Вложенная сортировка ингредиентов в BurgerConstructor

Четвертая часть работы в ветке: month-9/step-1

  1. Страницы авторизации и регистрации
  2. Страницы восстановления и сброса пароля
  3. Страница профиля пользователя
  4. Авторизация и регистрация обновление токена, выход из системы, куки
  5. Получение и обновление информации о пользователе
  6. Защищённые маршруты в приложении
  7. Доработка роутинга в приложении
  8. Ручное тестирование роутинга
  9. Проверка типизации

Пятая часть работы в ветке: month-9/step-2

  1. Экраны «Лента заказов» и «История заказов»
  2. Доработка роутинга в приложении
  3. Функциональность экрана «Лента заказов»
  4. Функциональность экрана «История заказов»
  5. Сокет-соединение с авторизацией
  6. Актуализация всей ленты заказов при каждом обновлении списка заказов на сервере.

Шестая часть работы в ветке: month-10/step-1

  1. Типизация интерфейса
  2. Типизация хранилища

alt text

Об авторe:

RUS29TAM

  • 15-я когорта
  • Начало обучения 16 мая 2022 г.