Stellar Burgers

Demo

Description in Russian / Описание на русском

---

Virtual Burger Joint - a project completed during the Ya.Practicum course. Desktop version. In this project, you can:

• View a list of components and detailed information by clicking on a component.

• View a feed of completed orders and detailed information by clicking on an order.

• Register as a user.

  For registered users:

• Create orders.

• Log in and log out of the application.

• Modify profile information.

• View their own orders.

Login credentials if you don't want to register:

• Email: burgeruser@example.com
• Password: 111111

Technologies

The project was built using a ready-made component library.

The project underwent several iterations of refactoring as I was acquiring skills in new technologies:

1. Mock data -> API requests
2. Context -> Redux
3. PropTypes -> TypeScript

Libraries used:

• React
• React Redux
• Redux Thunk
• React Router
• React DnD
• UUID
• React Router v6

Installation

npm install - install packages

npm start - run the application in development mode

http://localhost:3000 - view the application in browser

Future plans

As I am learning new technologies, I plan to:

• style draggable elements
• switch from Redux to Redux Toolkit

And I also want to make user experience better:

• make pages responcive
• add return button if the order doesn't exist

---

Космическая Бургерная

Виртуальная бургерная - проект, выполеннный на курсе Яндекс.Практикума. Десктоп-версия. В ней можно:

• просмотреть список компонентов и подробную информацию при клике на компонент
• просмотреть ленту выполненных заказов и подробную информацию при клике на заказ
• зарегистрироваться для зарегистрированных пользователей:
• создавать заказ
• авторизовываться и выходить из приложения
• изменять данные профиля
• просматривать свои заказы

Реквизиты для входа, если не хочется регистрироваться:

• email: burgeruser@example.com
• пароль: 111111

Технологии

Проект свёрстан с использованием готовой библиотеки компонентов Проект прошёл несколько итераций рефакторинга по мере освоения новых технологий:

1. Моковые данные -> запросы к API
2. Context -> Redux
3. PropTypes -> TypeScript

Используемые библиотеки:

• React
• React Redux
• Redux Thunk
• React Router
• React DnD
• UUID
• React Router v6

Установка

npm install - становить пакеты

npm start - запустить приложение в режиме разработки

http://localhost:3000 - просмотр приложения в браузере

Планы

Продолжая изучать новые технологии, я планирую:

• стилизовать перетаскиваемые элементы
• перевести проект на Redux Toolkit