Hero photo

Frontend developer

|

Проекти

Схуднення

Проект 1 / 8: Схуднення

Деплой проекту

Результат 8 місяців самостійного вивчення web-технологій (на початку не знав різницю між фронтом та беком). Full stack додаток для підрахунку калорій. Серверна частина: NodeJS + Express, база даних MongoDB, авторизація - JsonWebtoken, клієнт - ReactJS + Redux Toolkit + RTK Query + HeadlessUI + date-fns + tailwindcss.

TODO

Проект 2 / 8: TODO

Деплой проекту

Як без тудушки? Авторизація з Firebase. База даних - Firestore

ПУЗО

Проект 3 / 8: ПУЗО

Деплой проекту

Калькулятор калорій. Технології, що використані в додатку: React JS, Redux Toolkit, redux-persist, react-router-dom, HeadlessUI, date-fns, tailwindcss.

Habits

Проект 4 / 8: Habits

Деплой проекту

WEB версія трекера звичок. В додатку можна створювати, редагувати та видаляти звички і слідкувати за їх прогресом. Наприклад людина вирішує бігати і ставить на меті це робити мінімум 30 разів. Вона створює звичку, виставляє бажану кількість і починає відмічати виконання в кожний результативний день. Технології, що використані в додатку: React JS, Redux Toolkit, redux-persist, react-router-dom, framer-motion, date-fns, tailwindcss.

Cards

Проект 5 / 8: Cards

Деплой проекту

Додаток для запису іноземних слів. Користувач створює категорію з 9 картками, в яких указує слово та переклад. Кожна картка має приємну анімацію, коли перевертається під час перевірки перекладу слова. А кожна категорія має поле вводу, де можна написати невеличкий текст, для закріплення слів. Технології, що використані в додатку: React JS, Redux, react-router-dom, scss.

Тестовий проект в розробцi

Проект 6 / 8: Тестовий проект в розробцi

Деплой проекту

Тестовий проект, в якому реалiзую певнi iдеї

Верстка HTML + CSS

Проект 7 / 8: Верстка HTML + CSS

Деплой проекту

Приклад вестки з етапу вивчення HTML + CSS

Верстка HTML + CSS

Проект 8 / 8: Верстка HTML + CSS

Деплой проекту

Приклад вестки з етапу вивчення HTML + CSS

Скiли

Контакти

+380672785349

bsshul@gmail.com

Київ