My projects

Here is my final project at EPAM UpSkill course - CV app . It was done exactly according to the task, based on given Figma layout, using React, Redux Toolkit, React Router, SASS, Formik, miraj js, husky, RTL. Its functionality provides: add new skills, verifying the correct score and show them on skill axis, show projects and filter them on their type, show education and experience with a loader, show/hide navigation panel etc.

View my code on GitLab

My pet project - Plant Shop , where I’m in both a client and a developer roles. !Now it’s in progress!. I’m planning to use this website for selling excessive plants from my collection. Its functionality provides: routing, list of all plants with pagination, search a plant, sort plants by price and by name, add plants to basket from list of all plants and from plant card, checkout the order, feedbacks and a form to add a new feedback, book a consultation through a form with verifying free or booked slots in schedule. Now it's working with mocking server (mirage js) for "get" requests, "post" requests are available in dev mode using json-server tools.

View my code on GitHub

Here is my learning project - Application form . It is quite simple, created using React. It's like a cheat sheet for creating forms)) Its functionality (according to the task): verify the first name and the last name to input only letters, verify age to input only numbers, verify notes to input less than 100 symbols, form submitting happens only if all necessary fields are input correctly.

View my code on GitHub

This is a learning project - abstract Landing Page . Personal Website Landing page based on Figma layout. The project was set up with webpack (ver. 4). The stack for this project includes JS, tests, web component, local storage, service worker, measuring performance. This project allows you to subscribe/unsubscribe to community (according to the task).

View my code on GitLab

Learning project of EPAM UpSkill course - Subscribing Form . It was made using such tools as React, React Router, Redux Toolkit, writing tests RTL, redux-mock-store, nock, jest. Its functionality provides: subscribing/unsubscribing a user, display fetched users, moving to a personal user's page.

View my code on GitHub

This is a small but interesting task - Add User Form . Its stack is React, TypeScript, Redux Toolkit, SASS, json-server to test fetching data. Its functionality provides: show users in a table with infinite scrolling, add users via a form, check the right way of input name, email, age, phone number.

View my code on GitHub

Pet project for choosing/adding a trip - Voyage App . Its functionality provides: show 3 trip cards sorted on the start date of the trip, ability to scroll through the trip cards both to the right and left direction, show the default city current weather and the forecast for the days of a trip, show the clicked (active) city current weather and the forecast for the days of a trip, search the trip by the city and show its card if such a trip exists, timer which shows days and time left to the clicked (active) or default trip, user authorization with Facebook, add a new trip via a form, verifying date of start and end to be not over than 2 weeks since current date.

View my code on GitHub

Who doesn't have yet a weather API project in his portfolio? It's definitely not me)))) So, meet my Lord of Weather, meteorological prognosis application. You may choose any city you like and know the current weather there and prognosis for several days. Use it if you don't want to get caught in the rain without umbrella.

View my code on GitHub

Word 2 open World - is a cool dictionary, a reference source that gives you information about words, their meanings and definitions, pronunciation, and usage. Also explanation includes some photos to better realize sense of the word.

View my code on GitHub

It's the simplest, the smallest and maybe the coolest project! But it's my first mini project and I really want it to stay here to remind me my first steps in Front-end Development. From this page you can get general information about one of the most popular traditional Ukrainian food - Deruny . It also contains the recipe of this dish. To get deeper into the atmosphere of Ukraine, design of this page includes traditional Ukrainian colors and ornament, allows to read the recipe in Ukrainian language.

View my code on GitHub