Мои учебные проекты

Оно тебе надо

Статичный Desctop сайт на нативном HTML и CSS с использованием Flex и Grid контейнеров, работа с оверлеями, базовая разметка элементов страницы

Стек: HTML5, CSS3, Flexbox, Grid

Посмотреть проект → GitHub

Focus

Адаптивный mobile-first сайт на нативном HTML и CSS, реализована смена тем с помощью CSS-перерменных, а также изменение положения элементов на странице в зависимости от ширины экрана устройства.

Стек: HTML5, CSS3, JavaScript

Посмотреть проект → GitHub

Закрывающий Тег

Статичный одностраничный адаптивный Desktop-first сайт, работа с анимацией, управление SVG картинками, множественные градиенты, использование фильтров для изображений, диалоговые окна.

Стек: HTML5, CSS3, SVG

Посмотреть проект → GitHub

WebLarek

Интернет-магазин с корзиной, галлереей товаров и двухэтапной валидацией форм, с реальными запромсами на Сервер. Реализация основных принципов объектно-ориоентированного программирования (ООП - наследование, инкапуляция и полиморфизм) Проект выполнент с помощью сборщика Vite и классовых компонентах, с использованием паттерна Moddel-View-Presenter. Подробно описаны слои моделей Данных и Представления в документации.

Стек: React, TypeScript, Vite

Посмотреть проект → GitHub

Stellar Burger

Одностраничное SPA-приложение "Интерактирный конструктор бургеров" с авторизацией пользователей, личным кабинетом, с набором ингридиентов присылаемых с сервера, лента заказов пользователя сохраняется на сервере, настроен роутинг модальных окон и защищенные маршруты.

Стек: Webpack, React, Redux

Посмотреть проект → GitHub

SkillSwap

Приложение обмена навыками между пользователями, с поиском и фильтрацией навыков по категориям. Одностраничное SPA-приложение на библиотеке react, роутингом, защищенными маршрутами, авторизацией, личным кабинетом пользователя. Используются моковые данные категорий, пользователей и навыков.

Стек: React, Router, Redux

Посмотреть проект → GitHub