A responsive portfolio website built as the final project of a JavaScript course.
DevModern is a one-page portfolio website proudly created by the JoyScript team as a final assignment for the JavaScript course at GoIT School.
All student teams were given the same layout design and technical specification to collaboratively implement a real-world project within one week.
The goal: to develop a responsive, accessible, and interactive website using the skills gained in HTML, CSS, and JavaScript.
- Responsive layout with breakpoints for mobile, tablet, and desktop
- Burger menu with smooth anchor navigation
- Accordion for the "About Me" and FAQ sections
- Interactive horizontal sliders (Swiper.js)
- Retina-optimized images
- Contact form with real-time validation and API integration
- Modal windows, user-friendly feedback, and error handling
- HTML5, CSS3, JavaScript (ES6+)
- Vanilla App Template
- Swiper.js for sliders
- Accordion.js for expandable sections
- iziToast for notification popups
- Axios, REST API integration
- Git & GitHub for version control and collaboration
- Visual Studio Code (VS Code) as the primary code editor
- Header
- Hero
- About Me
- Benefits
- Projects
- FAQ
- Covers
- Reviews
- Work Together (footer)
This project was built with passion, creativity, and teamwork.
- @Vitavanika Tetiana Viienko – Team Lead / Developer / Benefits section
- @rtt2018 Taras Rogiv – Developer / Covers section
- @kostyaslob Kostya Slobodianiuk – Developer / About me section
- @hanna-uler Hanna Uler – Developer / Projects section
- @YuliaKolinko Yuliia Kolinko – Developer / FAQ section
- @katuha2024 Kateryna Puzikova – Developer / Header
- @LiudmylaTar Liudmyla Taran – Developer / Reviews section
- @valentina2209 Valentyna Vovchenko – Developer / Hero section
- @Igor208-Y Ihor Vasiuk – Developer / Work together section
We collaborated closely, practiced version control, solved merge conflicts, and supported each other throughout the entire project lifecycle.
We are grateful to GoIT School for the knowledge, project framework, and the
opportunity to apply our technical skills in a real-world team setting.
Most of all, we’re thankful for the chance to meet and collaborate with each
other — working together was truly a joy!
This project is for educational purposes only.
DevModern — лендінг, створений командою JoyScript в межах фінального групового проєкту курсу з JavaScript у GoIT.
DevModern — це сучасний односторінковий сайт із дев’ятьма секціями, мобільним меню та інтерактивними елементами. Проєкт реалізовано за наданим дизайном та технічним завданням. Метою було створення адаптивного, доступного та динамічного сайту з використанням знань, здобутих у модулях HTML/CSS та JavaScript.
- Семантична адаптивна верстка з трьома точками перелому (mobile, tablet, desktop)
- Бургер-меню з плавною якірною навігацією
- Секції з акордеоном (About me, FAQ)
- Інтерактивні слайдери (Swiper.js)
- Retina-ready зображення
- Контактна форма з валідацією в реальному часі та відправкою на бекенд
- Модальні вікна, повідомлення про успіх/помилки
- HTML5, CSS3, JavaScript (ES6+)
- Vanilla App Template
- Swiper.js — для слайдерів
- Accordion — для акордеонів
- iziToast — для повідомлень
- Axios, REST API — інтеграція з бекендом
- Git & GitHub — командна розробка
- Visual Studio Code — редактор коду
- Header — головне меню, якірна навігація, замовлення послуг
- Hero — презентація розробника та соцмережі
- About Me — фото, кредо, освіта та навички (акордеон + слайдер)
- Benefits — переваги співпраці
- Projects — портфоліо зі слайдером
- FAQ — популярні питання (акордеон)
- Covers — анімована галерея проєктів
- Reviews — відгуки користувачів із бекенду
- Work Together — форма зворотного зв’язку (footer)
Проєкт виконано з любов’ю до коду, взаємодії та креативності.
- @Vitavanika Тетяна Вієнко – Team Lead / Розробник / Benefits section
- @rtt2018 Тарас Рогів – Розробник / Covers section
- @kostyaslob Костянтин Слободянюк – Розробник / About me section
- @hanna-uler Ганна Улер – Розробник / Projects section
- @YuliaKolinko Юлія Колінько – Розробник / FAQ section
- @katuha2024 Катерина Пузікова – Розробник / Header
- @LiudmylaTar Людмила Таран – Розробник / Reviews section
- @valentina2209 Валентина Вовченко – Розробник / Hero section
- @Igor208-Y Ігор Васюк – Розробник / Work together section
Працювали як справжня команда — писали код, вирішували конфлікти в Git, підтримували один одного та отримували задоволення від процесу.
Дякуємо школі GoIT за ґрунтовні знання, чудовий проєкт і можливість застосувати як технічні, так і командні навички. Ми раді були працювати разом як JOY SCRIPT — об’єднані спільною метою та бажанням творити.
Цей проєкт створено виключно з освітньою метою.