Введение в проект Food Fleet

Продолжительность: 8 мин

Мы наконец готовы начать работу.
Давайте посмотрим на проект, с которым будем работать на протяжении всего курса.
Его название — FoodFleet. Это веб-приложение для заказа и доставки еды.

Мы будем использовать его как учебный пример: на основе FoodFleet мы разберём архитектурные концепции, инструменты и подходы, применяя их к реальному контексту.

Почему именно FoodFleet

На первый взгляд, приложение сильно напоминает Uber Eats или Яндекс Еду — и это не случайно.
FoodFleet почти идентичен им по функциональности, но с другим логотипом.

Причина проста, вместо того чтобы выдумывать фиктивное приложение с нуля, мы возьмём за основу реально существующую модель, чтобы можно было изучать архитектуру на живом примере.

Такой подход даёт два преимущества:

  1. Если возникает вопрос о том, как работает та или иная функция — можно просто открыть оригинальное приложение и посмотреть.
  2. Мы сосредотачиваемся не на дизайне и придумывании деталей, а на архитектуре и логике системы.

💡 Если вы никогда не пользовались сервисами доставки, просто откройте Яндекс Еду и «покликайте» по интерфейсу — это поможет лучше понять суть приложения.

Что представляет собой приложение

FoodFleet — это типичный e-commerce веб-сайт.
Он включает следующие основные сущности:

  • Рестораны — партнёры, предлагающие блюда.
  • Блюда — товары, которые пользователь может добавить в корзину.
  • Корзина и оформление заказа — привычный путь пользователя от выбора к оплате.

Помните о том, что все архитектурные концепции, которые мы будем изучать, не зависят от тематики приложения. Это универсальные принципы, применимые в любой системе.

Контекст работы

Полное описание проекта и функционала системы приведено в отдельном документе. Его можно найти в репозитории на Гитхаб по ссылке ниже:

Описание проекта (Project Spec)

В проекте участвует команда из четырёх фронтенд-инженеров, но ожидается, что в течение года она утроится по размеру.

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

Это включает:

  • сбор и анализ требований,
  • проектирование архитектуры,
  • сопровождение реализации и поддержку команды.

Для решения стоящих перед нами задач мы воспользуемся моделью C4, которую детально рассмотрим в следующем уроке.

Итого

  • Мы будем работать с учебным проектом FoodFleet, аналогом реального приложения доставки еды.
  • Наша цель — спроектировать архитектуру клиентского веб-приложения.
  • Основной инструмент — C4-модель, которая позволит шаг за шагом «приближать» систему: от контекста к контейнерам, компонентам и кодовым структурам.

Это платный урок

Купите полный доступ к курсу чтобы просматривать данный контент

Основы архитектуры фронтенда

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

3990 Скидка 75%
990

Безопасные платежи обрабатываются сервисом Юкасса

Комментарии

Войдите, чтобы оставить комментарий