Cześć, jestem Oksana Przekształcam pomysły w interaktywne produkty internetowe.

O mnie

Tworzę nowoczesne, responsywne interfejsy, które ożywiają Twoje pomysły i zwiększają zaangażowanie użytkowników. Tworzę szybkie, funkcjonalne rozwiązania skoncentrowane na użyteczności i innowacjach.
Frontend Developer
HTML
CSS
SCSS
JavaScript
React
Node.js
React Router
Git
Express
Redux
Styled Components
TypeScript
Swagger
MongoDB
Mongoose
RESTful API
Tailwind
Next.js
Telegram Applications
Vite
HTML
CSS
SCSS
JavaScript
React
Node.js
React Router
Git
Express
Redux
Styled Components
TypeScript
Swagger
MongoDB
Mongoose
RESTful API
Tailwind
Next.js
Telegram Applications
Vite

Projekty

inHarmony

inHarmony

Odwiedź

Stanowisko

:

Fullstack Developer

Wielkość zespołu

:

9 programistów

Kluczowe technologie:

  • Next.js

  • Sass

  • MongoDB

  • SSR

  • i18n

  • Multer

  • Cloudinary

  • Git do kontroli kodu

In Harmony – projekt charytatywny

In Harmony – projekt internetowy stworzony w celu wsparcia organizacji charytatywnej pomagającej potrzebującym. Platforma została zaprojektowana z myślą o użyteczności, wydajności i nowoczesnych technologiach internetowych, aby poprawić doświadczenie użytkowników końcowych.

Moja rola: Fullstack Developer

- Integracja bazy danych: projektowanie i wdrażanie logiki backendu oraz zapewnienie płynnej interakcji między backendem a bazą danych. Obejmuje konfigurację MongoDB, tworzenie schematów i obsługę operacji CRUD za pomocą Mongoose i tras API Next.js.

- Rozwój frontendu: tworzenie interfejsu użytkownika (UI) za pomocą Next.js, projektowanie responsywnych, dynamicznych i dostępnych komponentów. Praca z Sass do stylizacji oraz implementacja i18next dla wsparcia wielojęzycznego.

- Funkcje fullstack: integracja logiki po stronie serwera i funkcjonalności po stronie klienta w jednym monorepo w celu optymalizacji SSR, SSG oraz buforowania danych przy użyciu React Query.

- Upload plików i zarządzanie mediami: implementacja funkcji przesyłania plików przy użyciu Multer oraz integracja z Cloudinary w celu przechowywania, optymalizacji i dostarczania obrazów.

- Kontrola jakości: zapewnienie czystego, łatwego do utrzymania kodu poprzez konfigurację ESLint, Prettier oraz Husky do automatycznego lintingu i formatowania.

Grapher Shot.

Grapher Shot.

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Jeden programista

Kluczowe technologie:

  • React.js

  • React Router

  • Formik & Yup (Formularze i walidacja)

  • React Calendar / Datepicker

  • Axios

  • Swiper

  • CSS

Grapher Shot. – osobista strona portfolio fotografa. Platforma służy jako cyfrowa prezentacja prac fotografa, dostarcza informacje o usługach i umożliwia klientom rezerwację sesji zdjęciowych.

Kluczowe funkcje:

- Galeria portfolio: możliwość przeglądania wysokiej jakości zdjęć.

- Sekcja 'O fotografu': biografia i doświadczenie fotografa.

- Strona cenowa: szczegółowa lista cen usług fotograficznych.

- System rezerwacji: zintegrowany kalendarz i formularze do planowania sesji.

- Responsywny design: zoptymalizowany dla urządzeń mobilnych, tabletów i komputerów stacjonarnych.

IT Academy RPG web-site

IT Academy RPG web-site

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Jeden programista

Kluczowe technologie:

  • Next.js

  • Tailwind

  • SSR

  • i18n

  • Git do kontroli kodu

IT Academy RPG – dynamiczna platforma prezentująca projekt IT Academy RPG. Zbudowana w Next.js, wykorzystuje SSR w celu szybkiego ładowania i optymalnej wydajności.

Strona wspiera wielojęzyczność (i18n), co czyni ją dostępną dla szerszej publiczności. Stylizowana przy użyciu Tailwind CSS, oferuje nowoczesne i responsywne doświadczenie użytkownika. Git stosowany do kontroli wersji.

YachtJet Website

YachtJet Website

Odwiedź

Stanowisko

:

Team Lead, Programista

Wielkość zespołu

:

11 programistów

Kluczowe technologie:

Repozytorium
  • HTML

  • CSS

  • JavaScript

  • Responsywny design

  • Narzędzia współpracy (np. Git do kontroli kodu)

Kierowanie zespołem 11 programistów przy tworzeniu strony z 3 punktami przerwania responsywności, zapewniając optymalne doświadczenie użytkownika.

Kontrola kodu i organizacja techniczna, rozwiązywanie złożonych problemów technicznych w trakcie projektu.

Implementacja logiki w JavaScript zgodnie z wymaganiami funkcjonalnymi.

Ścisła współpraca z projektantami i interesariuszami w celu zachowania zgodności z layoutem i specyfikacjami.

Portfolio Website

Portfolio Website

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

10 programistów

Kluczowe technologie:

Repozytorium
  • HTML

  • CSS

  • JavaScript

  • Responsywny design

  • Narzędzia współpracy (np. Git do kontroli kodu)

Tworzenie responsywnej sekcji strony, kompatybilnej z 3 punktami przerwania dla optymalnego doświadczenia użytkownika.

Integracja komponentów frontendowych z backendem dla płynnego wyświetlania dynamicznej zawartości.

Pomoc członkom zespołu w rozwiązywaniu problemów technicznych w celu zwiększenia efektywności pracy.

Zachowanie zgodności z layoutem i specyfikacjami projektu.

MovieFinder

MovieFinder

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Projekt osobisty

Kluczowe technologie:

Repozytorium
  • React.js

  • React Routes

  • JavaScript

  • CSS (styling)

MovieFinder – aplikacja internetowa umożliwiająca użytkownikom wyszukiwanie filmów, przeglądanie szczegółowych opisów, składu aktorskiego i recenzji. Strona główna pokazuje najpopularniejsze filmy.

Funkcje:

- Wyszukiwanie filmów: po tytule z opisem szczegółowym.

- Obsada i recenzje: przegląd listy aktorów i recenzji użytkowników.

- Popularne filmy: strona główna prezentuje najpopularniejsze filmy.

- Routing: efektywna nawigacja między stronami przy użyciu React Routes.

Tracker of Water

Tracker of Water

Odwiedź

Stanowisko

:

Team Lead

Wielkość zespołu

:

13 programistów

Kluczowe technologie:

Repozytorium
  • HTML

  • CSS

  • JavaScript

  • React.js

  • Redux Toolkit

  • RESTful APIs

  • React Routes

Tracker of Water – responsywna aplikacja webowa do śledzenia dziennego spożycia wody. Użytkownicy mogą rejestrować się, ustawiać cele i przeglądać postępy. Aplikacja udostępnia miesięczne statystyki dla szczegółowego podglądu.

Obowiązki:

- Kierowanie zespołem 13 programistów, kontrola kodu i organizacja procesów.

- Rozwiązywanie problemów technicznych i zapewnienie bezproblemowej realizacji projektu.

- Wykorzystanie Redux Toolkit do zarządzania stanem i integracja z RESTful API.

Funkcje:

- Rejestracja użytkowników: tworzenie kont dla personalizacji śledzenia wody.

- Codzienne śledzenie wody: zapisywanie spożycia wody każdego dnia.

- Miesięczne statystyki: szczegółowy raport za miesiąc.

- Responsywny design: optymalizacja dla urządzeń mobilnych, tabletów i komputerów stacjonarnych.

TravelTrucks

TravelTrucks

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Projekt osobisty

Kluczowe technologie:

Repozytorium
  • HTML

  • CSS

  • JavaScript

  • React.js

  • Redux Toolkit

  • RESTful APIs

  • React Routes

TravelTrucks – aplikacja webowa dla turystów z wyborem camperów i pojazdów z filtrowaniem według cech: liczba miejsc do spania, udogodnienia, typ pojazdu.

- Tworzenie dynamicznego wyszukiwania i filtrowania camperów według różnych cech.

- Integracja z RESTful API do pobierania danych w czasie rzeczywistym.

- Intuicyjna nawigacja za pomocą React Routes dla płynnego przechodzenia między stronami.

Phone Book

Phone Book

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Projekt osobisty

Kluczowe technologie:

Repozytorium
  • JavaScript

  • React.js

  • Redux Toolkit

  • RESTful APIs

  • React Routes

Phone Book – wygodna aplikacja webowa do zarządzania kontaktami osobistymi lub zawodowymi.

Funkcje:

- Dodawanie kontaktów: imię, numer telefonu, e-mail.

- Edycja kontaktów: aktualizacja informacji.

- Usuwanie kontaktów: utrzymanie uporządkowanej listy.

Dostęp i bezpieczeństwo:

- Autoryzacja użytkowników: wymagane logowanie dla dostępu.

- Ochrona konta: tylko autoryzowani użytkownicy mogą przeglądać i edytować.

Kluczowe cechy:

- Responsywny design dla wszystkich urządzeń.

- Intuicyjny i przejrzysty interfejs.

- Solidna integracja z backendem dla bezpiecznego przechowywania i pobierania kontaktów.

IT Academy RPG

IT Academy RPG

Odwiedź

Stanowisko

:

Front-end Developer

Wielkość zespołu

:

12 Programistów

Kluczowe technologie:

  • Tailwind

  • RTK Query

  • React.js

  • Redux Toolkit

  • React Routes

  • TypeScript

  • Aplikacje Telegram

IT Academy Telegram – platforma edukacyjna do interaktywnej nauki programowania i umiejętności IT. Łączy treści edukacyjne z elementami grywalizacji, umożliwiając użytkownikom wybór ścieżki kariery (frontend, backend, designer) oraz wykonywanie zadań, wyzwań i quizów dla każdej roli. Aplikacja śledzi postępy, przyznaje punkty i odznaki.

Farm Sort Puzzle (komercyjny)

Farm Sort Puzzle (komercyjny)

Odwiedź

Stanowisko

:

Front-end Developer

Wielkość zespołu

:

2 Programistów

Kluczowe technologie:

Repozytorium
  • HTML

  • SCSS

  • Vite

Landing page dla firmy Evoplay

Phone Book Backend

Phone Book Backend

Odwiedź

Stanowisko

:

Backend Developer

Wielkość zespołu

:

Programista

Kluczowe technologie:

Repozytorium
  • Node.js

  • Express

  • Swagger

  • Cloudinary

  • Crypto

  • Joi

  • MongoDB

  • Mongoose

  • Multer

  • Bcrypt

Tworzenie backendu dla Phone Book umożliwiającego rejestrację, dodawanie, edycję i usuwanie kontaktów oraz przesyłanie avatarów. System zapewnia bezpieczne przechowywanie haseł, obsługę plików, walidację danych i integrację z usługami chmurowymi do pracy z obrazami.

Cooking Storm (komercyjny)

Cooking Storm (komercyjny)

Odwiedź

Stanowisko

:

Front-end Developer

Wielkość zespołu

:

2 Programistów

Kluczowe technologie:

Repozytorium
  • HTML

  • SCSS

  • Vite

Landing page dla firmy Evoplay

CRM

Stanowisko

:

Programista

Wielkość zespołu

:

Jeden programista

Kluczowe technologie:

Repozytorium
  • Next.js

  • TypeScript

  • Tailwind CSS

  • Formik

  • React Query

Projekt mający na celu stworzenie systemu CRM z nowoczesnymi narzędziami React, kładąc nacisk na szybką implementację i skalowalność.

Technologie:

- React do UI.

- Next.js dla SSR/SSG i API.

- React Query dla efektywnego pobierania danych.

- Formik dla formularzy.

- Tailwind CSS dla stylizacji.

Cel: zwiększenie produktywności programisty i wygody dla użytkownika.

My Portfolio

My Portfolio

Odwiedź

Stanowisko

:

Programista

Wielkość zespołu

:

Jeden programista

Kluczowe technologie:

Repozytorium
  • React

  • Swiper

  • Styled Components

  • React Icons & React Icon

  • Formik

  • Gulp

My Portfolio – aplikacja webowa do prezentacji projektów i umiejętności w czystym, responsywnym i interaktywnym formacie.