mdsamorodin.github.io

Мои проекты на стеке HTML, Sass, JS.

PS:

GitHub Pages не поддерживает post-запросы, для проверки полного функционала проекты нужно скачивать и запускать локально

1. Маркетплейс Puls

https://mdsamorodin.github.io/puls/

description:

В качестве пет-проекта я решил разработать маркетплейс фитнес-браслетов Puls. Создал каталог с карточками товаров, где с помощью фильтров можно выбрать подходящий по цели браслет и по кнопке “купить” оформить заказ. С помощью phpmailer реализовал отпраку данных из форм на почту сотрдуника. В футере добавил интерактивную Яндекс карту. После этого адаптировал сайт под все устройства. В итоге я научился создавать функционал фильтров, модальные окна, слайдеры и работать с формами.

2. Сервис доставки здоровой еды

https://mdsamorodin.github.io/fooddist/

description:

Я интересуюсь сферой здорового питания и решил разработать сайт по этой теме. Разработал табы и слайдер для демонстрации типов меню. Создал форму, через которую можно оформить заказ. Разработал калькульятор для подсчета необходимого количества калорий в день. Добавил таймер, показывающий время до конца акции. Для хранения данных использовал JSON Server. В итоге я научился создавать калькуляторы и таймеры и работать с JSON Server.

3. Лента новостей

https://mdsamorodin.github.io/postsfeed/

description:

На одном из собеседований мне дали тестовое задание разработать ленту новостей с возможностью добавления постов и подгрузкой постов по скроллу, когда страница почти заканчивается. Я сделал форму добавления постов, в качестве БД использовал JSON Server. Написал функцию, которая высчитывает, сколько осталось до конца страницы и в нужный момент подгружает посты из БД, если они еще не все выгруженны. В итоге я научился реализовывать подгрузку данных.

4. Лендинги

MNTN:

https://mdsamorodin.github.io/MNTN/

Uber:

https://mdsamorodin.github.io/uber/

WordPress:

https://mdsamorodin.github.io/module1_HT/src/