Євгеній Кобзар
Предложите Євгенію работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Киев,
Украина
11 месяцев 11 дней назад
свободен для работы
на сервисе 11 месяцев 20 дней
Рейтинг
Успешных проектов
Средняя оценка
Уровень владения языками
Українська: носитель
English: базовый
Навыки и умения
Программирование
-
HTML и CSS верстка
от 400 UAH за час
-
Javascript и Typescript
от 400 UAH за час
- Веб-программирование
Портфолио
-
10 000 UAH Сайт "Кібер техніка"
Веб-программирование
Этот проект реализует интернет-магазин современной электроники "Кибер-Техника" с такими основными функциями:
Главная страница (index.html):
Хедер с логотипом, навигацией, переключателем темы (светлая/темная), кнопками входа и корзины.
… Главный баннер с призывом перейти в каталог.
Динамический список категорий товаров.
Блок "Хиты продаж" с популярными товарами.
Каталог товаров с фильтрацией по категориям и поиском.
Модальные окна для:
входа
регистрации
просмотра профиля
просмотра деталей товара
корзины
оформления заказа
смены пароля
просмотра истории заказов
Каталог и категории:
Категории и товары хранятся в массивах CATEGORIES и PRODUCTS.
Отображение категорий и товаров реализовано динамически через функции renderCategories, renderBestsellers, renderCatalog.
Фильтрация каталога по категориям и поисковому запросу.
Корзина:
Добавление/удаление товаров.
Расчет общей суммы.
Сохранение корзины в localStorage.
Оформление заказа через контактную форму.
Просмотр последних заказов в профиле пользователя.
Аутентификация и профиль:
Простая вход/регистрация с проверкой пароля.
Сохранение данных пользователя в localStorage.
Возможность редактирования профиля, смены пароля, просмотра истории заказов.
Интерфейс:
Адаптивная верстка (CSS, media-запросы).
Переключение темы (светлая/темная).
Модальные окна для взаимодействия с пользователем.
Сообщения о действиях (добавлено в корзину, очищена корзина, успешный заказ и т.д.).
Структура кода:
Код разделен на модули:
cart.js,
catalog.js,
client.js,
core.js,
product.js,
shared.js.
Вся логика взаимодействия с DOM, localStorage, модальными окнами, корзиной, каталогом и пользователем реализована на чистом JavaScript.
Проект является полностью фронтенд-реализацией (без бэкенда):
Все данные хранятся локально в браузере с помощью localStorage.
-
8200 UAH Ветеранский пространство "Братство чести"
Веб-программирование
Этот проект реализует следующее:
Лендинг-страница для ветеранской организации
Сайт содержит информацию об организации «Ветеранский простор реинтеграции "Братья Чести"», её ценности, новости, партнёров, проекты и контакты.
… Адаптивный дизайн
Все стили (css/style.css и другие CSS-файлы) обеспечивают корректное отображение на различных устройствах (десктоп, планшет, мобильные телефоны).
Многоразделная структура
О нас: описание миссии и деятельности организации.
Ценности: блок с ключевыми принципами, каждый с иконкой (css/values.css).
Новости: автоматическая загрузка последних постов из Facebook через Meta Graph API (js/API.js), с поддержкой слайдера фото/видео.
Партнёры: логотипы партнёрских организаций (секция скрыта по умолчанию через CSS).
Наши проекты: описание и фото основных инициатив.
Контакты: телефон, адрес, email, Facebook.
Автоматическая загрузка новостей из Facebook
Используется функция fetchFacebookPosts для получения постов через Facebook Graph API.
Отображение фото/видео в виде слайдера, автоматическая прокрутка слайдов.
Обработка ошибок API.
Плавная навигация по секциям
Плавный переход к секциям при нажатии на пункты меню (js/script.js).
Учитывается высота хедера для правильного позиционирования.
SEO и Open Graph
Мета-теги для поисковых систем и социальных сетей.
Структурированные данные Schema.org для организации.
Фирменные шрифты
Подключён шрифт e-Ukraine (css/font.css).
Иконки и графика
Использованы SVG-иконки для секций (например, герб, иконки ценностей, контактов).
Отсутствие лишних элементов на мобильных
Некоторые элементы меню и навигации скрыты на малых экранах для удобства пользователя.
Основные файлы:
index.html — структура страницы
API.js — загрузка новостей из Facebook
script.js — плавная навигация
CSS-файлы для каждого блока:
style.css, header.css, about.css, values.css, news.css,
partners.css, projects.css, contacts.css, footer.css, font.css
Проект полностью статичный
Не использует серверную логику, но интегрируется с Facebook API для динамического контента.
Активность
| Последние ставки 3 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Верстка сайта из Фигмы
18 000 UAH
|
|||||
|
Верстка сайта готовый пдф дизайн
3144 UAH
|
|||||
|
Отредактировать страницу - 404
1000 UAH
|
