Проект: Информация о городах мира

Данный проект — это одностраничное приложение (SPA), использующее базу данных Firebase. Он предоставляет информацию о различных городах мира.

🔍 Описание

• На главной странице отображаются карточки с краткой информацией о каждом городе.
• При клике на карточку открывается детальная страница с подробной информацией о выбранном городе.
• Данные загружаются из FireBase.

⚙️ Стек технологий

• React + TypeScript
• Vite
• SCSS (с поддержкой модулей и глобальных стилей)
• Firebase (реализация базы данных)
• ESLint + Prettier + Husky (кодстайл и предкоммит-хуки)

🚀 Запуск проекта

yarn
yarn dev

📚 Файловая структура

src/
  ├── App/                   # Основная оболочка приложения
  │   └── pages/             # Страницы (главная, список городов, детали города и т.д.)
  ├── assets/                # Статические файлы (шрифты, изображения и т.д.)
  ├── components/            # UI-компоненты
  ├── config/                # Конфигурации (настройки FireStore, MobX и роуты)
  ├── constants/             # Константы (пути, строки, переменные и пр.)
  ├── contexts/              # React Context'ы
  ├── hooks/                 # Пользовательские хуки
  ├── mock/                  # Мок-данные
  ├── services/              # Сервисы для FireStore-запросов
  ├── stores/                # MobX-сторы
  ├── styles/                # Глобальные стили, переменные, анимации
  ├── types/                 # Общие типы
  └── utils/                 # Вспомогательные функции