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.
- 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
- HTML5
- CSS3 (with media queries)
- JavaScript (Vanilla)
- Vite
- Git & GitHub
axios— for HTTP requestsaccordion-js— for collapsible sectionsizitoast— for elegant toast notificationsswiper— for responsive sliders/carousels
| 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 |
- 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
- Clone the repository:
git clone https://github.com/IhorMtr/project-Codezilla
cd project-Codezilla- Install dependencies and run development server:
npm install
npm run dev