Веб-приложение для представления портфолио участников команды. Проект разработан на 3 курсе колледжа в рамках дисциплины DevOps.
Проект представляет собой многостраничный сайт с портфолио участников команды, где каждый разработчик презентует свои навыки и сильные стороны.
Основной акцент сделан не только на разработке интерфейса, но и на организации командной работы, Git workflow и процессах DevOps.
- разработать сайт с портфолио участников команды
- организовать командную разработку через Git
- реализовать структуру веток и workflow
- освоить работу с Next.js
- применить компонентный подход
- реализовать стилизацию и анимации интерфейса
- страницы портфолио участников
- кастомный дизайн и анимации
- интерактивные элементы (popup, эффекты)
- Next.js
- React
- Tailwind CSS
- JavaScript
- Git / GitHub
Выполненные задачи:
- разработка главной страницы
- участие в командной разработке и ее организация
- работа с Git (ветки, merge, pull request)
- настройка правил репозитория и правил работы с ним
- взаимодействие с архитектурой проекта
- участие в обсуждении структуры и реализации
№№ Git Workflow
В проекте использовалась модель командной разработки с разделением веток:
master — основная (production) ветка
develop — ветка разработки (integration branch)
feature/* — ветки отдельных разработчиков
тимлид отвечает за:
- архитектуру проекта
- документацию
- проверку и принятие Pull Request разработчики:
- работают в отдельных feature-ветках
- создают Pull Request в develop
- после проверки изменения попадают в master
Основные ветки
master — стабильная версия проекта
develop — ветка разработки
Feature-ветки
feature/portfolio-kris
feature/KateNew
feature/tatiana
feature/nickname-page
Проект направлен на:
- освоение командной разработки
- понимание Git workflow
- работу с ветвлением и pull request
- организацию совместной разработки
- работа с Git (branching, merge, PR)
- командная разработка
- использование Next.js
- компонентный подход (React)
- работа с UI и анимациями
DevOpsProject/
├── public/ # статические файлы
├── src/
│ ├── app/
│ │ ├── components/ # компоненты (PopUp, Star и др.)
│ │ ├── portfolio/ # страницы участников
│ │ ├── styles/
│ │ ├── layout.js
│ │ └── page.jsx
│
├── preview/ # скриншоты проекта
├── package.json
└── next.config.mjs
cd DevOpsProject
npm install
npm run dev
После запуска: http://localhost:3000
Проект стал практикой реальной командной разработки с использованием Git и современного frontend-стека.
В ходе работы были освоены:
- организация Git workflow
- работа с ветками и Pull Request
- взаимодействие в команде разработчиков
- разработка на Next.js
- построение компонентной архитектуры
