Anton Chyvikov

The target audience

Students of educational institutions, technical specialists.

Main idea

To make the user's work with academic, technical and artistic texts in English more comfortable and efficient, by combining the advantages of an online translator and an academic dictionary in one application.

API

Translating: Google Cloud Translation API.

Academic dictionaries: Merriam-Webster Dictionary API.

Application functionality

After launching the application, the user is able to enter (paste) a piece of text in English into the input field. By clicking on the corresponding button provided by the user interface, the application processes the received text and displays two text fields to the user. The first field displays the translation result from the Google Cloud Translation API. The second field is a text entered by the user, processed by the application, each word in which is clickable. If in the process of working through the entered text and translation result, the user wants to receive additional information on any word he can click on it and the application will display a popup - information card for the selected word, provided by academic dictionaries Merriam-Webster Dictionary API (two dictionaries are available in the basic version of the program; selection of a dictionary - by clicking on the corresponding key by UI). The card contains the following information: word type, definition, pronunciation (audio), example sentences with the given word, phonemic transcription, additional definitions, synonyms and related words, etc. After reading the information, the user can close the card and continue working on the text.

Demo Code Base

Training project created as part of the practical exercises of the Kottans Frontend 2021 course, YDKJS module, "Asynchronous functions" section. This project is a simple chat "question - answer". Database and Authentication - Firebase Realtime Database. Sorting of messages - by date. Each visitor to the chat has the ability to view all messages in the chat. After registration, the user has the opportunity to answer the questions of others, ask his own question, delete or edit any of his previous activities.

Demo Code Base

This project is a mobile application called as "Cinema Application" used for booking a cinema ticket online. The application provides many options for the cinema customer to facilitate the process of online searching and booking a cinema ticket for a movie. Furthermore, it helps the cinema owner to manage his cinema and customize the available movies.

Demo Code Base

A tiny social friends' search page with users cards, search, sorting and filtering of them by age, name etc. with Random User API :) With this app You can:
- see cards list of users on the page, cards are pretty styled with user photo, name, age, phone number.
- searching by typing name in search input and see immediately filtering on the page sorting cards by name/age in A-Z/Z-A ways filtering friends by age, by name, whatever you want else options
- see fancy icons and cool design with shadows, gradients etc.

Demo Code Base

Games have a lot of objects, and those objects do a lot of different things; but sometimes those objects do some very similar things as well. This creates a great opportunity to practice object-oriented programming, an important programming paradigm that influences your application architecture and provides performance optimizations.

Demo Code Base

Memory - Pair Game — a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards. The game ends when the last pair has been picked up. Now enjoy it with Hiragana!

Demo Code Base

Planning individual trips makes not as much fun as travelling. Until now. Enjoy even planning your trip around Ukraine or just test your knowledge of Ukraine, from its twentieth century history to its current relations with Russia.

Demo Code Base

The goal of this task is to practice coding HTML & CSS from mockup. No JavaScript, only my knowledge of HTML & CSS and new previously unknown features.

Demo Code Base

BOOTCAMP IT nation is an intensive training course in the chosen specialty, which includes specialized webinars, mentoring, independent work to maximize your skills. But you have to be ready for intensive work!

Demo Code Base

Have you ever spent more time scheduling a meeting than in the meeting itself? "Personal scheduling service" is a free web and mobile calendar based on FullCalendar Library in Ukrainian that lets you keep track of your own events. It's the ideal tool for managing personal and professional schedules. It is both simple to use and very powerful. "Personal scheduling service's" interface decorated with Material Design Palette's organic colors, but it hides a lot of powerful features. Your busy life deserves this.

You can change whatever you want in every planned events - you have just click on the certain event and work with dialog box of it to do it fast. Or you can work with manage panel of "Personal scheduling service" on the bottom to filter, sort, delete or edit your planned events.

Also you can add specify the category of each event. By defaul are offered three category: "Особиста подія", "Робоча подія" та "Важливо!" with two different color decorate, but you can create your own one. As a result you can sort your events by category. This way you could make a calendar for work, a calendar for home and a calendar for your local bridge club without these worlds colliding.

If you're not using "Personal scheduling service", you probably should be. We have obviously put a great deal of thought into it, and made a tool written by people who actually use it. This calendar makes scheduling tasks so easy, you'll wonder what you did without it.

Demo Code Base

Create a beautiful responsive carousel slider. Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints. No matter if you are a beginner or an advanced user, starting with "Animate.css Slider" is easy - just-add-water CSS animations. Almost all options are responsive and include very intuitive breakpoints settings.

Demo Code Base

The app encrypts plain text and decrypts encrypted text. App allows to make the encrypted/decrypted text easily for next sending with any messenger. As a key for encrypt you can use your own text. We recommend using some text with length from 150 up to 9999 symbols. You have to use the key-text on language, which you will write your message. For example we offered quote from Wiki (for encrypt messages in English). By default we will use this key-text: "One of the earliest forms of encryption is symbol replacement, which was first found in the tomb of Khnumhotep II, who lived in 1900 B.C. Egypt. Symbol replacement encryption is “non-standard,” which means that the symbols require a cipher or key to understand. This type of early encryption was used throughout Ancient Greece and Rome for military purposes."

Demo Code Base

Bootstrap e-commerce is a collection of professionally designed, ready to use, fully responsive HTML and CSS library which you can build any e-commerce project very easily. Get started by checking out our components and build responsive e-commerce projects on the web. You can develop online shops, marketplaces and booking websites with ready-made HTML, CSS, and JS

Demo Code Base

Bend it to create any type of popup, modal, or content overlay for your website. Create unlimited popups of every type you need and customize every facet of each of your popups from theme to position. No matter if you are a beginner or an advanced user, starting with Simple PopUp is easy.

Demo Code Base

Create a beautiful responsive carousel slider. Almost all options are responsive and include very intuitive breakpoints settings. No matter if you are a beginner or an advanced user, starting with SimpleSlider 2.1 is easy.

Demo Code Base

Create a beautiful responsive carousel slider. Almost all options are responsive and include very intuitive breakpoints settings. No matter if you are a beginner or an advanced user, starting with SimpleSlider 2.0 is easy.

Demo Code Base

Calculators are widely used all over the world. In school, everyone needs to have their own pocket calculator. And these days, most calculators are apps found in cellphones, tablets, and computers. People use them daily to compute numbers. Kids have easy access to them to solve simple and complex math problems.

Demo Code Base

Simple landing with custom design, made according to "IT Nation" practical task.

Demo Code Base

Simple slider with custom design, made according to "IT Nation" practical task.

Demo Code Base

Landing CV page based on design template with custom design elements and functionality made with "BrainsCloud" YouTube channel.

Demo Code Base

Landing CV page based on design template with custom design elements and functionality made with "BrainsCloud" YouTube channel.

Demo Code Base

Siple landing as the first step to learn Bootstrap library

Demo Code Base

Landing page with custom design and functionality.

Demo Code Base

Landing CV page based on design template with custom design elements and functionality made with "BrainsCloud" YouTube channel.

Demo Code Base