🚀 Live Application (Vercel): https://frontend-nine-nu-59.vercel.app
Веб-приложение для объединения IT-сообщества региона через удобный календарь событий, новости и систему мотивации.
- Календарь IT-мероприятий с фильтрацией по дате, тегам и формату (онлайн/офлайн)
- Лента новостей с анонсами и итогами событий
- Система достижений (ачивок) для мотивации участников и организаторов
- QR-коды для быстрой регистрации на офлайн-события
- Мультиплатформенная аутентификация (Email, SMS, Yandex OAuth)
- Адаптивный дизайн (мобильная и десктопная версии)
- Современный интерфейс пользователя с анимациями и интерактивными элементами
- Улучшенная страница профиля с информационными карточками и визуальными индикаторами
- Страницы FAQ, поддержки и условий использования
- Python 3.10+
- Django 4.2
- Django REST Framework
- PostgreSQL
- Bcrypt для шифрования паролей
- JWT для аутентификации
- Vue.js 3
- Vuex для управления состоянием
- Vue Router для маршрутизации
- Tailwind CSS для стилей
- QRCode.js для генерации QR-кодов
- CSS анимации и переходы для улучшения пользовательского опыта
- Профиль пользователя: улучшенные карточки данных, визуальные индикаторы, анимированные переходы между вкладками
- Навигация: интуитивно понятное меню с иконками и визуальной обратной связью
- Информационные страницы: ответы на часто задаваемые вопросы, форма обратной связи, условия использования
- Адаптивность: оптимизированный дизайн для всех устройств от мобильных до десктопа
- Модальные окна: для редактирования информации и подтверждения действий
- Редактор навыков: интерактивный интерфейс для добавления профессиональных навыков с предложениями популярных тегов
it_platform/
├── backend/ # Django-приложение
│ ├── config/ # Настройки Django
│ ├── users/ # Управление пользователями
│ ├── events/ # Управление мероприятиями
│ ├── news/ # Новости и анонсы
│ ├── achievements/ # Система достижений
│ └── manage.py # Утилита командной строки Django
├── frontend/ # Vue.js приложение
│ ├── src/ # Исходный код
│ │ ├── assets/ # Статические файлы
│ │ ├── components/ # Vue-компоненты
│ │ ├── router/ # Настройки маршрутизации
│ │ ├── store/ # Vuex-хранилище
│ │ └── views/ # Компоненты-страницы
│ │ ├── Profile.vue # Страница профиля пользователя
│ │ ├── FAQ.vue # Страница часто задаваемых вопросов
│ │ ├── Support.vue # Страница поддержки и обратной связи
│ │ └── TermsOfUse.vue # Условия использования платформы
│ └── public/ # Публичные статические файлы
├── static/ # Собранные статические файлы
├── media/ # Пользовательские медиа-файлы
└── templates/ # Шаблоны Django
- Python 3.10+
- Node.js 14+
- PostgreSQL 12+
- Клонируйте репозиторий:
git clone https://github.com/yourusername/it_platform.git
cd it_platform- Создайте и активируйте виртуальное окружение:
python -m venv venv
source venv/bin/activate # На Windows: venv\Scripts\activate- Установите зависимости:
cd backend
pip install -r requirements.txt- Создайте файл .env в директории backend/ с вашими настройками:
DEBUG=True
SECRET_KEY=your-secret-key-change-in-production
DB_NAME=it_platform
DB_USER=postgres
DB_PASSWORD=your-db-password
DB_HOST=localhost
DB_PORT=5432
# Yandex OAuth2 settings
SOCIAL_AUTH_YANDEX_OAUTH2_KEY=your-yandex-oauth2-key
SOCIAL_AUTH_YANDEX_OAUTH2_SECRET=your-yandex-oauth2-secret
# SMSC.ru settings
SMSC_LOGIN=your-smsc-login
SMSC_PASSWORD=your-smsc-password
- Выполните миграции:
python manage.py migrate- Создайте суперпользователя:
python manage.py createsuperuser- Запустите сервер для разработки:
python manage.py runserver- Перейдите в директорию frontend:
cd ../frontend- Установите зависимости:
npm install- Запустите сервер для разработки:
npm run serve- Для сборки:
npm run build- Улучшена визуальная составляющая профиля пользователя с анимациями и интерактивными элементами
- Добавлены иконки и индикаторы для улучшения пользовательского опыта
- Оптимизирована форма редактирования профиля пользователя
- Добавлены страницы FAQ, поддержки и условий использования
- Улучшена адаптивность интерфейса для различных устройств
- Решены проблемы с дублированием кода и методов в компонентах
Подробные инструкции по развертыванию в продакшн-окружении можно найти в документации.
MIT