• 👩‍💻 Junior Frontend Developer (React.js) 🇺🇦 Kyiv, Ukraine
• 🔭 Open for new opportunities
• 🌱 I’m currently learning Node.js
• 📫 How to reach me: 📧 ol0108ha@gmail.com 📱 telegram 🔗 linkedin
• 📞 +38 067 220 14 54

• 🍩 Donut Masterclass with the Donut King A responsive landing page for registration on the donut masterclass with the Donut King and various detailed information about a donut and with a possibility to contact.
  Frontend: HTML, CSS (SASS), JS
  Libraries: Swiper, Simple Lightbox, Animate. Webp images as alternative. Parcel

• 🎥 Filmoteka is an adaptive website for searching movies and saving them to user list.
  Frontend: HTML, CSS (SASS), JS, REST API
  Backend: MovieDB, Firebase.
  Libraries: JS Loading Overlay, axios, TUI Pagination, Basic Lightbox Parsel.

🔵 React

• 🔵 Contact Book​ It's an adaptive personal web app with contacts list. It allows to save phone contacts to personal database, edit and delete contacts from it.
  React, react-router, redux-toolkit, redux-persist, react-loader-spinner, connections-api

• 🔵 Movie Search Movie Search and storage application based on the backend (themoviedb.org API)
  React, react-dom, axios, themoviedb-api, useeffect-hook, usestate-hook

• 🔵 Image Finder App for searching images by keyword made with React hooks based on the backend (Pixabay API)
  React, react-dom, react-toastify, react-loader-spinner, pixabay-api, axios

• 🔵 Feedback widget Feedback widget made with React hooks
  React, react-router, react-hooks

🟡 JavaScript

• 🟡 Search images A page for searching images by keyword
  Frontend: HTML, CSS (SASS), JS
  Libraries: axios, notiflix, SimpleLightbox
  API: Pixabay

• 🟡 Country search A front-end part of the application to search for information about countries by their partial or full names.
  Frontend: HTML, CSS (SASS), JS
  Libraries: axios, notiflix, lodash
  API: Restcountries

• 🟡 Color switcher A script that, after clicking the "Start" button, changes the body background color once a second to a random value using the inline style. When clicking on the "Stop" button, background color change must stop.

• 🟡 Countdown timer A timer script that counts down to a specific date. Such a timer can be used in blogs and online stores, event-logging pages, during maintenance, etc.

• 🟡 Promise generator A script that, when submitting the form, calls the createPromise(position, delay) function as many times as you entered in the amount field. On each call, pass it the number of the promise to be created (position) and the delay given the first delay (delay) and step (step) entered by the user. In HTML, there is form markup; in its fields, the user will enter the first delay in milliseconds, the delay increment for each promise after the first one and the number of promises to be created.

• 🟡 SimpleLightbox library

• 🟡 Video for Vimeo player In HTML with Video for Vimeo player - a script that will save the current video playback time to local storage and, upon page reload, continue to play the video from that time.

• 🟡 Feedback form a script that will save field values to local storage when the user types something.

🔴 Html + CSS

• 🔴 WebStudio responsive website with CSS animation. I made the markup of the page and modal window with booking form, added mobile menu and swiper for hero section. Frontend: HTML, CSS (SASS), JS