Welcome to my portfolio

Мене звати Тетяна. Я frontend розробник.

Створюю сайти різної складності (HTML, JS, React js, Next js).

Працюю від ідеї до готового сайту, оптимізованого для пошукових систем.

Моя мета — створювати продукти, які допомагатимуть людям покращувати та розвивати своє життя.

Відкрита до нових знань, відповідальна та готова виконувати складні завдання.

developer photo

Проекти

  • Сайт Spectrum_agency

    фото проекту Spectrum_agency

    Поставлена задача: створити сайт за макетом дизайнера.

    Виконано: співпраця з дизайнером. Адаптативна та сематична верстка. Підключено отримання даних з форми на пошту замовника.

    Технології: HTML, SASS, JS

    Посилання: Spectrum Agency

  • Сайт простору здоров’я Shanti_Space

    фото проекту Shanti_Space

    Поставлена задача: створити сайт-візитку простору за різними напрямами тренувань, ведення блогу з корисними статтями на тему здоров'я, реєстрація користувачів, взаємодія з користувачами.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Проект реалізовано за допомогою Next js. Адаптативна та симатична верстка. Для блогу підключено CSM. Іконки-асани зроблені з малюнків художниці. Реєстрація користувачів здійнюється як за допомогою Google так і внесенням своїх даних. Для зареєстрованих користувачів відкривається чат для спілкування та змога задати питання інструктору. Створено бізнес профіль для відображення простору на картах Google.

    Технології: Next js, NextAuth, mongoose, Prisma, MongoDB, contentful, tailwindcss, typescript, pusher, react-hook-form, GoogleAPI

    Посилання: shantispace.com.ua

  • Інтернет-магазин композицій із повітряних кульок

    фото проекту Весела Витіка

    Поставлена задача: розробити інтернет магазин по категоріям свята.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Проект реалізовано за допомогою Next js. Адаптативна та симатична верстка. Реалізовано каталог композицій по тематиці свята. На кожній сторінці є сортування композицій за ціною та фільтрування за ознакою. Для зручності користувача розроблено сторінку улюблених товарів, з можливістю додавання у кошик. В кошику товарів можна регулювати свої покупки (додавати/віднімати або видаляти композиції). Реалізовано сторінку пошуку за ключовими словами. Розробка та підключення бази даних. Адміністратор приймає замовлення та коригує композиції на окремому сайті, який створений на React js. Після оброблення замовлення адміністратором замовнику надходить email з деталями замовлення (верстання електроного листа).

    Технології: frontend - Next js; backend - Node js, Express, Mongoose, Sendgrid; admin - React, Formik, Redux (redux-thunk), SASS, MUI, axios.

    Посилання: veselavutivka.com.ua

  • Сайт-візитка для студії краси

    фото проекту NashaStudio

    Поставлена задача: створити сайт-візитку для студії краси.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Реалізована адаптативна та симатична верстка. Створено дизайн прайс-листів послуг. Створено бізнес профіль для відображення студії на картах Google.

    Технології: HTML, JS, SCSS, Parcel

    Посилання: nashastudio.com.ua

  • Сайт-візитка інженера землевпорядника

    фото проекту для інженера-землевпорядника

    Поставлена задача: створити сайт-візитку інженера-землевпорядника.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Адаптативна та симатична верстка. Текстове наповнення сайту.

    Технології: HTML, JS, SCSS

    Посилання: kadastrovyy-nomer.com.ua

  • Перша сторінка для інтернет-магазину

    фото проекту

    Поставлена задача: верстання за макетом (pet-project)

    Виконано: Адаптативна та симатична верстка. Верстання за макетом (Figma). Додано мобільну та планшетну версію.

    Технології: HTML, JS, CSS, Swiper

    Посилання: MYEL

  • Додаток для котолюбителів

    фото проекту

    Поставлена задача: верстання за макетом (pet-project)

    Виконано: Адаптативна та симатична верстка. Верстання за макетом (Figma). Додано мобільну та планшетну версію. Багатосторінковий додаток. Взаємодія зі стороннім сервісом.

    Технології: React JS, Axios, React-loader-spinner, React-router-dom, Swiper, SASS

    Посилання: PetsPaw