My Projects
On this page you can see my first projects coded in HTML/CSS/JavaScript
The coded CV
This CV was created during a week of study at the GoIT introductory course. This page is made up in HTML and styled by CSS in the different files, and deployed on Netlify. After completing this course I decided that I could move and develop in the coding direction. Therefore, when I saw an advertisement for the SheCodes courses, which opened free education for Ukrainian women, I immediately applied for them...
PR & Marketing Services
It was the finish of the Basics course in SheCodes. We needed to create a fake page, for example, about yogurts. Instead of that, I decided to code a page with real services which I can provide. In this way, the project about my PR and Marketing services turned out. In this project I used HTML/CSS and JavaScript in the same file. JS helped to create dialog with my potential client in the pop-up window.
Vanilla Weather App
Creating a web app that shows real weather was exciting. It was my first experience of integration through API. This project includes a few different files (.html, .css, .js) and uses components of Bootstrap. The background color here changes depending on the seasons. And motivational phrases about the weather are shown in a random way. Besides SheCodes website this project is deployed on Netlify as well.
Weather App in React
It was my knowledge the library React.js. "Learning by doing" was a name for this process. And it was a really hard way. Bootstrap was used in this project as in the Vanilla version. Here the background color also changes depending on the seasons and motivational phrases about the weather are shown in a random way as well. But instead of static icons, this application uses animated icons. And one else improving — my second Weather App is more responsive.
Dictionary App in React
My second project in React.js. Since this project disappeared from the SheCodes website, the button has a link to my Netlify.After working on this project I've got the usefulness of React.js. Single-responsibility principle (SRP) is really important when you create a big application with big data and many interactions. Sure it requires strong concentration and deeper diving. And another discovery. Now I tend to work on pure code without using API and third-party libraries because I never can be sure that somewhen they brakes or limits their data. This Dictionary is that example. The free API of the dictionary which we used in class has gone bad and gives now less data than two-three years ago. Two API (Dictionary and Pexel) is integrated in this application.