Team Tear

Ice cream

• 🇺🇸 English
• 🇺🇦 Ukrainian
• 🇷🇺 Russian

---

📚 EN 📚

Team project during studies at GoIT

Design - Figma layout

Description

This project was created as part of a team effort during a web development course. Our 11 developers worked on creating a responsive and functional website. The main goal of the project was to practice layout, styling, and DOM interaction skills via JavaScript.

Each participant took on a separate part of the project, which helped us improve our teamwork skills, solve management and department manager tasks.

Technology stack

Libraries and tools used

• Parcel is a packager for web applications, which helps automate the process of creating websites.
• Modern-Normalize.css - for unifying styles across browsers.
• SASS - for writing nested styles and using functions in CSS.
• posthtml-include is a PostHTML plugin that allows you to include criteria from one HTML file into another using a special directive, simplifying the HTML page development module.

Functionality

• Adaptive layout for different screen resolutions
• Implementation of the local menu
• Animations using CSS

Roles in the cockpit

• lordponchik / Team Lead:
  - mobile menu;
- section "Gallery";
- slider.
• dasha-musienko / Scrum Master :
  - section "Reviews".
• 6e3veR6k :
  - section "Header".
• dashabondarenko07 :
  - image collection;
- section "About us".
• akial25 :
  - section "Products";
- fonts.
• Yuliia-Rozhnova :
  - section "Footer".
• Vasiliy-Kashtalyan :
  - modal window "Buy now".
• Anton-2206 :
  - animation in the "Hero" section;
- animation in the "Products" section;
- modal window "Franchise";
- modal window "Our location".
• Anton-Vin :
  - section "Contacts".
• Kostiantyn-Derevianko :
  - section "Advantages";
- modal window "Read more".
• horislavetspasha :
  - section "Hero".

Teamwork skills

• Effective communication and problem solving.
• Working with Git control system and solving problems when merging code.
• Using project management tools (Trello).
• Conducting regular code reviews to improve code quality.

---

---

📚 UK 📚 ⬆ Home ⬆

Командний проект під час навчання у GoIT

Дизайн - макет Figma

Опис

Цей проект було створено у рамках командної роботи під час навчального курсу з веб-розробки. Наша команда з 11 розробників працювала над створенням адаптивного та функціонального веб-сайту. Основною метою проекту було відпрацювати навички верстки, стилізації та взаємодії з DOM через JavaScript.

Кожен учасник команди займався окремою частиною проекту, що допомогло нам покращити навички роботи в команді, управління завданнями та інтеграцією коду.

Стек технологій

Використовувані бібліотеки та інструменти

• Parcel — це пакувальник для веб-застосунків, який допомагає автоматизувати процес створення веб-сайтів.
• Modern-Normalize.css - для уніфікації стилів у різних браузерах.
• SASS — для написання вкладених стилів та використання змінних у CSS.
• posthtml-include — це плагін для PostHTML, який дозволяє включати вміст одного HTML-файлу в інший за допомогою спеціальних директив, спрощуючи модульну розробку HTML-сторінок.

Функціональність

• Адаптивна верстка для різних дозволів екранів
• Реалізація мобільного меню
• Анімації з використанням CSS

Ролі у команді

• lordponchik / Team Lead:
  - мобільне меню;
- секція "Галерея";
- слайдер.
• dasha-musienko / Scrum Master :
  - секція "Відгуки".
• 6e3veR6k :
  - секція "Хедер".
• dashabondarenko07 :
  - складання зображень;
- секція "Про нас".
• akoval25 :
  - секція "Продукція";
- шрифти.
• Yuliia-Rozhnova :
  - секція "Футер".
• Vasylij-Kashtalyan :
  - модальне вікно "Купити зараз".
• Anton-2206 :
  - анімації в секції "Герой";
- анімації в секції "Продукція";
- модальне вікно "Франшиза";
- модальне вікно "Наше местоположение".
• Anton-Vin :
  - секція "Контакти".
• Kostiantyn-Derevianko :
  - секція "Переваги";
- модальне вікно "Читати далі".
• horislavetspasha :
  - секція "Герой".

Навички командної роботи

• Ефективна комунікація та розподіл завдань.
• Робота з системою контролю версій Git та вирішення конфліктів при злитті коду.
• Використання інструментарію для управління проектами (Trello).
• Проведення регулярних код-рев'ю для підвищення якості коду.

---

---

📚 RU 📚 ⬆ Home ⬆

Командный проект во время учебы в GoIT

Дизайн - макет Figma

Описание

Этот проект был создан в рамках командной работы во время учебного курса по веб-разработке. Наша команда из 11 разработчиков работала над созданием адаптивного и функционального веб-сайта. Основной целью проекта было отработать навыки верстки, стилизации и взаимодействия с DOM через JavaScript.

Каждый участник команды занимался отдельной частью проекта, что помогло нам улучшить навыки работы в команде, управления задачами и интеграции кода.

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

Используемые библиотеки и инструменты

• Parcel — это упаковщик для веб-приложений, который помогает автоматизировать процесс создания веб-сайтов.
• Modern-Normalize.css - для унификации стилей в разных браузерах.
• SASS — для написания вложенных стилей и использования переменных в CSS.
• posthtml-include — это плагин для PostHTML, который позволяет включать содержимое одного HTML-файла в другой с помощью специальных директив, упрощая модульную разработку HTML-страниц.

Функциональность

• Адаптивная верстка для различных разрешений экранов
• Реализация мобильного меню
• Анимации с использованием CSS

Роли в команде

• lordponchik / Team Lead:
  - мобильное меню;
- секция "Галерея";
- слайдер.
• dasha-musienko / Scrum Master :
  - секция "Отзывы".
• 6e3veR6k :
  - секция "Хедер".
• dashabondarenko07 :
  - сборка изображений;
- секция "О нас".
• akoval25 :
  - секция "Продукция";
- шрифты.
• Yuliia-Rozhnova :
  - секция "Футер".
• Vasylij-Kashtalyan :
  - модальное окно "Купить сейчас".
• Anton-2206 :
  - анимации в секции "Герой"; - анимации в секции "Продукция"; - модальное окно "Франшиза"; - модальное окно "Наше местоположение".
• Anton-Vin :
  - секция "Контакты".
• Kostiantyn-Derevianko :
  - секция "Преимущества";
- модальное окно "Читать далее".
• horislavetspasha :
  - секция "Герой".

Навыки командной работы

• Эффективная коммуникация и распределение задач.
• Работа с системой контроля версий Git и решение конфликтов при слиянии кода.
• Использование инструментария для управления проектами (Trello).
• Проведение регулярных код-ревью для повышения качества кода.