Приложение для доставки еды

Создание мобильного приложения для доставки еды на React Native с использованием современных технологий.

О курсе

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

• 1

  Начало

  В этой главе мы рассмотрим стэк технологий для создания приложения доставки еды на React Native. Я также покажу демонстрацию готового приложения, чтобы вы имели представление о конечном результате.

• 2

  Настройка бэкэнда

  В этой главе мы развернем бэкэнд на NestJS и создадим схему базы данных с использованием Prisma. Вы узнаете, как интегрировать NestJS с Prisma и спроектировать схему базы данных для вашего приложения.

• 3

  Авторизация

  В этой главе мы разработаем систему авторизации для нашего бэкэнда. Вы узнаете, как реализовать аутентификацию пользователей с использованием JWT токенов.

• 4

  Логика для категорий

  В этой главе мы разработаем логику управления категориями в нашем бэкэнде. Вы узнаете, как добавлять, редактировать, удалять и получать категории, а также создадите соответствующие API эндпоинты для взаимодействия с клиентом.

• 5

  Логика для продуктов

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

• 6

  Настройка фронт-энда

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

• 7

  Навигация

  В этой главе мы рассмотрим, как настроить навигацию в нашем React Native приложении. Для этого мы будем использовать библиотеку React Navigation, которая предоставляет широкий спектр возможностей для управления навигацией.

• 8

  UI Компоненты

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

• 9

  Слушатель роутов

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

• 10

  Axios интерсепторы

  В этой главе мы будем изучать, как использовать интерсепторы с Axios для настройки и расширения функциональности наших запросов в React Native приложении. Мы также настроим Tanstack Query для более эффективной работы с данными.

• 11

  Страница профиля

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

• 12

  Главная страница

  В этой главе мы создадим главную страницу нашего React Native приложения. На этой странице будут отображаться основные элементы, такие как красивый баннер, категории и товары.

• 13

  Страница поиска

  В этой главе мы создадим страницу поиска для нашего React Native приложения. На этой странице пользователи смогут искать и просматривать продукты, доступные в нашем приложении.

• 14

  Страница с продуктом

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

• 15

  Корзина

  В этой главе мы создадим корзину покупок для интернет-магазина, используя Redux. Корзина будет отображать товары, позволять управлять количеством и рассчитывать стоимость заказа.

• 16

  Оплата

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