Этот проект стал для меня важным шагом: здесь я впервые собрал приложение с помощью Vite и самостоятельно настроил деплой на GitHub Pages. Цель была — создать полноценный веб-сайт, максимально приближенный к реальным задачам.

Что я реализовал и изучил в процессе:

🔐 Систему аутентификации с регистрацией, входом и хранением данных в localStorage.

👤 Личный кабинет с возможностью редактирования профиля.

🎞 Интерактивные слайдеры с кастомной анимацией.

📱 Полную адаптивность под все устройства (mobile-first).

🧩 Модульную архитектуру на ES6+.

Главные технологические открытия для меня:

⚡️ Vite — впервые работал с современным сборщиком, оценил скорость и удобство.

🚀 GitHub Pages — научился деплоить статичные приложения прямо из репозитория.

🏗 Проектная структура — организовывал код по модулям, разделяя логику.

Стек проекта: JavaScript (ES6+) Vite SCSS CSS Grid & Flexbox Git GitHub Pages LocalStorage API

Ссылки:

🌐 Живая демо-версия: https://aleksandrslabov.github.io/Multi-Cinema/

💻 Исходный код: https://github.com/AleksandrSlabov/Multi-Cinema

📄 Детальное README с архитектурой и скриншотами — в репозитории.

Что этот проект мне дал:

Практический опыт работы с современным фронтенд-стеком

Понимание процесса сборки и деплоя приложения

Уверенность в создании сложных адаптивных интерфейсов

Умение работать с Git и вести проекты на GitHub

Сейчас углубляюсь в изучение React и TypeScript, чтобы в следующих проектах использовать более современный стек.

Ищу возможности для старта карьеры: открыт для позиций Junior Frontend Developer, стажировок и тестовых заданий.

Буду благодарен за фидбэк, советы по коду или архитектуре! Что бы вы улучшили в этом проекте?

#frontend #javascript #vite #githubpages #junior #webdev #portfolio #petproject #верстка