odgetto

Challenge Platform

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

Технологии

• React 18
• TypeScript
• Tailwind CSS
• Shadcn/ui
• React Router v6
• Axios
• date-fns
• Lucide Icons
• Ещё чёт

Установка

1. Клонируйте репозиторий:

git clone <repository-url>
cd challenge-platform

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

npm install

3. Установите необходимые компоненты shadcn/ui:

npm run setup:ui

Основные компоненты

UserContext

Контекст для хранения информации о текущем пользователе. Предоставляет:

• Данные пользователя
• Статус загрузки
• Обработку ошибок
• Метод обновления данных

Использование:

import { useUser } from '@/contexts/UserContext';

const Component = () => {
  const { user, isLoading, error, refetchUser } = useUser();
  // ...
};

Spaces

Пространства для организации челленджей:

• Создание и управление пространствами
• Приглашение участников
• Управление достижениями
• Создание челленджей

Challenges

Челленджи внутри пространств:

• Создание и настройка челленджей
• Различные типы определения победителей
• Система верификации результатов
• Оценка результатов
• Отслеживание прогресса

API Интеграция

Проект использует axios для работы с API. Эндпоинты перечислены тут - https://etf-team.ru/api/docs

Запуск

Для разработки:

npm run dev

Для продакшн сборки:

npm run build
npm run preview

Дополнительные скрипты

npm run lint          # Проверка линтером
npm run lint:fix      # Автоисправление ошибок линтера
npm run format        # Форматирование кода
npm run type-check    # Проверка типов TypeScript