Skip to content

Resaw-git/react-burger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stellar Burger 🍔

React приложение в рамках курса Яндекс практикума React - разработчик

Веб-приложение космической бургерной где Вы сможете собрать бургер по своему рецепту, оформить заказ, посмотреть ленту всех заказов, а так же личный кабинет с историей ваших заказов.

🔗 ссылка на демо: https://react-burger-beta.vercel.app/

Технологии

  • TypeScript v4.7
  • React v18.2
  • Redux v4.2
  • Redux thunk v2.4
  • React Router v5.2

Функционал

  • Навигация по приложению
  • Список ингредиентов с детальной информацией в модальном окне
  • Конструктор заказа с возможностью оформить заказ
  • Перетаскивание ингредиентов в конструктор с помощью drag&drop
  • Лента заказов с детальной информацией о заказе в модальном окне, статус и статистика заказов
  • Личный кабинет с регистрацией, авторизацией, аутентификацей и востановлением пароля
  • Редактирование данных в личном кабинете и просмотр заказов

Запуск

  1. git clone https://github.com/Resaw-git/react-burger.git
  2. npm install
  3. npm start

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

  • npm start: запуск приложения на localhost
  • npm run build: оптимизированная сборка приложения
  • npm run test: запуск модульных тестов для redux
  • npm run test:cypress: запуск E2E тестов

TODO:

🔲 Адаптивный дизайн
🔲 Вёрстка мобильной версии (ссылка на макет: https://www.figma.com/file/zFGN2O5xktHl9VmoOieq5E/React-_-Проектные-задачи_external_link?node-id=0%3A1&t=z5xewpXbDAkYwxEv-0)
🔲 Переключение типов игредиентов на табы
🔲 Адекватное переключение фокуса на TAB, выделение ингредиентов
🔲 Работа с асинхроными запросами: дожидаться ответа от сервера, затем рендерить страницу(маршрут /login и /profile)