Проект "Космическая бургерная" - это сайт-приложение, результат трехмесячного курса по React в Яндекс.Практикум. Проект представляет из себя онлайн бургерную, где пользователь может зарегистрироваться, собрать бургер из космических ингредиентов и отправить заказ.
Работа над проектом вел параллельно с обучением. Все знания, которые были получены в теории, закрепил на практике в данном проекте. Реализовал клиентскую часть, сколько это требовалось, чтобы выработать навыки программирования на React и успешно завершить курс обучения. Дизайн сайта в Figma и серверная часть были предоставлены командой Яндекс.Практикум.
Сам курс состоит из 4 спринтов, каждый который занимал 2-3 недели.
| Этап | Описание |
|---|---|
| Спринт-1 | Основы React: жизненный цикл и рендеринг компонентов, VirtualDOM, JSX, классовые и функциональные компоненты, пропсы и prop-types, внутреннее состояние компонентов, декомпозиция UI. Работал с Git и GitHub в команде. Реализовал в проекте функционал ref, React.createPortal (модальное окно), использовал события и формы, хуки useEffect, useState, useMemo и useCallback, useRef. |
| Спринт-2 | Реализовал в проекте Redux, а также изучаил Context и props drilling. Реализовал функционал Drag-n-drop (react-dnd). |
| Спринт-3 | Сделал маршрутизацию при помощи React Router и авторизацию клиента при помощи REST API и JWT токена. |
| Спринт-2 | Переписал проект на WebSocket протокол и с prop-types на Typescript с базовой типизацией. Изучил и попрактиковал тестирование на Jest и Cypress. |
React, React Hooks, Git/Github, Redux, Redux Toolkit, Drag-n-Drop, React Router, Rest API, JWT authorization, WebSocket, Javascript, Typescript, Prop-Types, Jest, Cypress