Skip to content

Repository files navigation

🌐 Codezilla — Adaptive Portfolio Landing Page

Codezilla is an adaptive landing page built as a team project during a frontend development course. The goal was to collaboratively design and build a personal portfolio website using a clean and maintainable tech stack while applying real-world collaboration practices.

🚀 Live Demo

🔗 View Live

💡 Features

  • Adaptive layout with media query breakpoints (not fully fluid)
  • Clean and semantic HTML structure
  • Modular CSS with reusable classes
  • Dark mode toggle with theme persistence via localStorage
  • Fast development and preview using Vite
  • Deployed with GitHub Pages

⚙️ Tech Stack

  • HTML5
  • CSS3 (with media queries)
  • JavaScript (Vanilla)
  • Vite
  • Git & GitHub

📦 JavaScript Libraries Used

  • axios — for HTTP requests
  • accordion-js — for collapsible sections
  • izitoast — for elegant toast notifications
  • swiper — for responsive sliders/carousels

👥 Team Members

Name GitHub Nickname Role
Ihor Motornyi IhorMtr Developer, Team Lead
Vlad Korniiko VladKorniiko Developer, Scrum Master
Onyshchenko Serhii 19taurus79 Developer
Anton Bidenko Anton1256 Developer
Elmira Mammadova elmira08 Developer
Lazebnyi Danylo LazebnyiDanylo Developer
Mykhailo Sorochynskyi Mykhailo-Sorochynskyi Developer
Artem Shvachev Shvarts91 Developer

🎯 Project Goals

  • Collaborate as a frontend team using Git & GitHub
  • Practice SCRUM methodology and role-based work distribution
  • Create a fully adaptive landing page with a clear layout and modern design
  • Use selected JavaScript libraries to extend functionality (sliders, accordions, notifications, HTTP requests)
  • Implement theme toggle with state persistence
  • Deploy and maintain the final product online

🛠 How to Run Locally

  1. Clone the repository:
git clone https://github.com/IhorMtr/project-Codezilla
cd project-Codezilla
  1. Install dependencies and run development server:
npm install
npm run dev

Releases

Packages

Contributors

Languages