My Works

Filter:

eurospa-center

EuroSpa Center

Live link

Category:

website design

Description:

Beauty Salon and Day SPA Website

Website development from scratch. Custom layout and graphic design were made with Figma and Affinity Software.

CMS WordPress + Elementor. Were developed custom fields, booking system and consent forms, integrated with iPad.

HTML and CSS were used to make the website look beautiful on any device.

Skills:

  • HTML
  • CSS
  • WordPress
  • Figma
  • Affinity

/eurospa-center

bhi-ceu

Beauty & Health Institute CEU

Live link

Category:

website design

Description:

Continuing education online certification website

Custom website design: Figma + Affinity + WP Guttenberg

The main task was to develop a custom WordPress Plugin that let students pass Online Tests and, in case of success, paid for them online and get a Certificate, generated automatically and available for download in .pdf format. All data is kept in the database.

For plugin development was used: JavaScript, jQuery, PHP, Ajax, JSON and MySQL.

HTML and CSS were used to make the website look beautiful on any device.

Skills:

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • PHP
  • MySQL
  • WordPress
  • Figma
  • Affinity

/bhi-ceu

cosmetic-devices

Cosmetic Devices

Live link

Category:

website design

Description:

Simple website to provide clients information about selling equipment.

Custom website design: Figma + Affinity + WP Guttenberg

HTML and CSS were used to make the website look beautiful on any device.

Skills:

  • HTML
  • CSS
  • WordPress
  • Figma
  • Affinity

/cosmetic-devices

sparring-mart

Sparring Mart

Live link

Category:

website design

Description:

Sporting goods online store.

Wordpress + WooCommerce.

HTML and CSS were used to make the website look beautiful on any device.

Skills:

  • HTML
  • CSS
  • WordPress
  • Figma
  • Affinity

/sparring-mart

logotype

Logo Type

Live link

Category:

student project

Description:

Student project - Landing page HTML Layout

Learning Goals:

  • Make responsive layout (Grid + Flex)
  • BEM Methodology
  • Make Hero Section with Slider
  • Make Popup Modules

Skills:

  • HTML
  • CSS
  • JavaScript
  • Figma

/logotype

movie-watchlist

Movie Watchlist

Live link

Category:

student project

Description:

Student project

Task:

  • Make an App, connected to the www.omdbapi.com API
  • The app should provide info about movies by search query
  • Users can save movies to the Watchlist
  • Users can delete movies from the Watchlist
  • Users can not add the same movie to the Watchlist more them one time (no duplicates)
  • The watchlist should be saved in Local Storage

Learning Goals:

  • Work with API
  • Work with Local Storage

Skills:

  • HTML
  • CSS
  • JavaScript
  • API
  • Local Storage

/movie-watchlist

game-of-war

Game of War

Live link

Category:

student project

Description:

Student project

Task:

  • Make a "Game of War" game.
  • The app should get data (deck of 52 cards) through API.
  • The user draws cards, one for himself and one for the computer. The bigger card win and added 1 point to score.
  • The final winner will be determined once we get through all the cards in a deck.
  • Click a "New Deck" button to start a new game.

Learning Goals:

  • Work with API
  • Work with Async JS
  • JavaScript DOM Manipulating

Skills:

  • HTML
  • CSS
  • JavaScript
  • API

/game-of-war

color-picker

Color Picker

Live link

Category:

student project

Description:

Student project

Task:

  • Make an App, which works with www.thecolorapi.com API.
  • The app should identify and provide friendly colors by chosen color and scheme.
  • Users can copy color to the clipboard by clicking on the color's HEX value.

Learning Goals:

  • Work with API

Skills:

  • HTML
  • CSS
  • JavaScript
  • API

/color-picker

ticket-form

Ticket Form

Live link

Category:

student project

Description:

Student project

Learning Goals:

  • Make a form with HTML and CSS
  • Make custom styles for the following inputs: radio, select, file attachment and checkbox
  • Integrate the form with PHP script PHPMailer to email form submission using AJAX

Skills:

  • HTML
  • CSS
  • JavaScript
  • PHP

/ticket-form

password-generator

Password Generator

Live link

Category:

student project

Description:

Student project

Learning Goals:

  • Grid Layout
  • Manipulating DOM with JavaScript

Skills:

  • HTML
  • CSS
  • JavaScript

/password-generator

unit-converter

Unit Converter

Live link

Category:

student project

Description:

Student project

Metric/Imperial Unit Conversion

Learning Goals:

  • Flex Layout
  • Manipulating DOM with JavaScript

Skills:

  • HTML
  • CSS
  • JavaScript

/unit-converter

invoice-creator

Invoice Creator

Live link

Category:

student project

Description:

Student project

Learning Goals:

  • Flex Layout
  • Manipulating DOM with JavaScript

Skills:

  • HTML
  • CSS
  • JavaScript

/invoice-creator