Описание

Фронтенд часть для kargo-mobile-app

Ссылки

• деплой
• swagger

Команда разработки фронтенда

• Андрей Воронин (AVor0n)
• Дмитрий Мажник (CrabF)

Стек

Сборка приложения

1. Установить NodeJS 20+
2. Поставить зависимости командой npm i
3. Запустить сборку командой npm run build

После сборки билд будет лежать в ./dist

Запуск devServer с фронтендом

Перед запуском необходимо создать файл .env в корне репозитория (пример в .env.example), где указать адрес сервера с бэкендом

Через NodeJS и npm

1. Установить NodeJS 20+
2. Поставить зависимости командой npm i
3. Запустить dev-server командой npm run start
4. Приложение можно открыть по адресу http://localhost:3000

Через Docker Compose

1. Установить и запустить Docker
2. Запустить контейнер

docker-compose up

4. Приложение можно открыть по адресу http://localhost:3000

Запуск всего приложения

1. Установить и запустить Docker
2. Выполнить команду в bash-терминале.

curl -sSL https://gist.githubusercontent.com/AVor0n/2a3053bbe206abe499741ee49c67e90d/raw/run.sh | bash

Данная команда скачает docker-compose.yml и nginx.conf после чего запустит 4 докер-контейнера

3. Приложение будет доступно по адресу http://localhost

Доступные команды

• npm i - установка зависимостей

• npm run start - запуск dev-сервера

• npm run preview - запуск dev-сервера с production версией

• npm run build - сборка проекта

• npm run build:dev - сборка dev-версии проекта, код не минифицируется

• npm run storybook - запуск devServer со storybook

• npm run build-storybook - сборка storybook

• npm run typecheck - проверка типизации в проекте

• npm run lint - проверка кода линтерами eslint, stylelint

• npm run lint:fix - проверка и автоисправление кода линтерами eslint, stylelint

• npm run format - проверка форматирования кода

• npm run format:fix - автоисправление форматирования кода

• npm run generate:icons - генерация интерфейсов и хуков для выполнения выполнения запросов на бэк

• npm run generate:icons - генерация реакт-компонентов из svg-иконок в src/components/icons