- Cyberpunk Aesthetics: Глубокий черный фон с неоновыми акцентами (Cyan, Purple, Green).
- Interactive Terminal: Контактная форма, стилизованная под терминал Linux.
- Smooth Animations: Плавное появление элементов при скролле и глитч-эффекты для текста.
- Responsive Design: Полная адаптивность под мобильные устройства и десктопы.
- Tech Stack View: Наглядная визуализация используемых технологий и системных модулей.
- Frontend: React 19, TypeScript
- Bundler: Vite
- Styling: Tailwind CSS
- Icons: Lucide React
- Animations: Custom CSS + Framer Motion (через RevealOnScroll)
- Deployment Ready: Оптимизированная сборка и готовность к CI/CD.
-
Клонируйте репозиторий:
git clone https://github.com/your-username/my_site.git cd my_site -
Установите зависимости:
npm install
-
Настройте переменные окружения: Создайте файл
.env.localна основе.env.example:cp .env.example .env.local
-
Запустите проект в режиме разработки:
npm run dev
Данный проект прошел аудит безопасности перед публикацией:
- Все конфиденциальные данные (API ключи, пути) вынесены в переменные окружения.
- Файлы
.envи локальные артефакты добавлены в.gitignore. - В коде используются стандартизированные заглушки для демонстрационных целей.
MIT License. Свободно для использования и модификации.
Developed with ❤️ for the DevOps community.