#JS projects
- Расчёт стоимости ремонта квартиры
Проект, где пользователь может ввести площадь недвижимости (при помощи взаимосвязанных input / бегунка) и увидеть базовую стоимость ремонта из расчёта 6000 за 1кв м. Также ниже представленный кастомизированные радиокнопки и чекбоксы, которые имеют не дефолтный вид, а также описание насколько они могут увеличить/снизить стоимость. При клике пользователь сразу же может видеть предварительную стоимость проекта.
Посмотреть онлайн: https://codepen.io/AlinaK96/pen/xxyrbWQ
- Онлайн калькулятор для расчёта ипотеки
В проекте представлено несколько ипотечных ставок по различным условиям. Пользователь может выбрать стоимость недвижимости, первый взнос, а также срок кредитования. При изменение сумм, ежемесячный платёж будет автоматически пересчитываться. При выборе ставки кредитования и суммы, ежемесячный платёж высчитывается автоматически и клиет видит минимальный необходимый платёж из расчёта (min - 15%; max - 90%). Все суммы пользователь может как вводить, так и перетаскивать бегунок.
При каждом изменении суммы в правом углу будет пересчитываться ежемесячный платёж, сумма кредитования и сумма переплаты.
Здесь также добавлена возможность подать заявку, а данные будут отправляться на указанную администратором страницу.
Репозиторий проекта: https://github.com/AlinaK96/MortgageCalculator
Посмотреть онлайн: https://alinak96.github.io/MortgageCalculator/
- Доставка суши (версия 1.0)
Проект, где пользователь может выбрать суши, которые он хочет доставить, а также её количество. После того, как пользователь добавил товар в корзину, он видит стоимость товаров и сумму доставки
Репозиторий проекта: https://github.com/AlinaK96/SushiDelivery
Посмотреть онлайн: https://alinak96.github.io/SushiDelivery/
- Онлайн магазин мебели
Страница содержит:
-
закрепленное сверху меню с названиями категорий. При прокрутке страницы меню остается на месте. При клике на название категории осуществляется переход к ней на странице. Значки категорий анимированы свойством rotate;
-
В верхнем меню расположена кнопка переключения темы (темная/светлая);
-
Карточки товаров генерируются из js файла
-
Карточка корзины:
- добавлению желаемого кол-ва товаров при помощи input / "+"/"-" ;
- при повторном добавлении товара - он не дублируется, а увеличивается счётчик;
- корзина всегда зафиксирована рядом с иконкой корзины, а при достижения максимальной высоты появляется скролл;
- условия бесплатной доставки от 50 000;
- итоговая стоимость пересчитываяся с условиями доставки;
- при уменьшении счётчика в корзине до 0 - товар удаляется;
- застилизованные радио кнопки для выбора способа оплаты. Только после выбора одной из их кнопка оформления заказа становится доступной;
- при нажатии "Закрыть" форма скрывается;
- При нажатии на "оформить заказ" пользователь переходит на новую страницу с успешным заказом;
Репозиторий проекта: https://github.com/AlinaK96/Furniture
Посмотреть онлайн: https://alinak96.github.io/Furniture/
