Stellar Burger

Интерактивное веб-приложение для заказа бургеров с конструктором, отслеживанием истории заказов и личным кабинетом.

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

• Ссылка на макет в Figma

Структура проекта

• frontend - этот репозиторий ❤️

Что сделано

• сверстаны компоненты на React и портирована разметка в его формат;
• реализованы асинхронные GET- и POST-запросы к API;
• проработан интерфейс для авторизованных и неавторизованных пользователей;
• написаны модульные и интеграционные тесты для основных компонентов и функций.

Реализованный функционал

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

Технологии

• React, React Router, хуки (useState, useEffect, useContext), использование кастомных хуков;
• использование локального хранилища, работа с API, HOC-компоненты, BEM, Git;
• Jest и Cypress для тестирования.

Инструкция по запуску

Чтобы запустить проект, нужно сделать несколько простых шагов:

1. Создайте папку и перейдите в неё:

   cd <name-folder>

2. Склонируйте этот репозиторий:

   git clone https://github.com/intredd/stellar-burger.git

3. Установите все зависимости:

   npm install

4. Теперь можете запустить проект:

   npm start

5. Для запуска тестов выполните команду:

   npm test

Системные требования

Для запуска потребуется Node.js версии 16.13.2.