Do you dare to
dream big?
If you do, we are on the same page here. My name is Anna and I dare to enjoy coding and the magic it can create. By mixing HTML5, CSS3, and JavaScript with a splash of Bootstrap, I dare to make the web a cozier place.
Would you dare with me?
Contact me Hire meProjects
![Accessible login page screenshot](images/projects/login-page.jpg)
Accessible Login Page
June 2019
Accessible login page with client-side validation, error hints, options to show typed password and localStorage for username. WCAG 2.0 AA compliant. User data is tested with local database.
Roles:
Branding, UI/UX Design, Development.
Features:
- Client-side validation, password constraints;
- Custom error messages and hints;
- Username can be saved in, retrieved and removed from the localStorage;
- Local server with test user JSON data;
- When successful, redirects to a custom welcome page;
- Light animation (when not reduced by user);
- Responsive layout;
- WCAG 2.0 compliant (accessible);
- HTML5, CSS3, JavaScript (ES6).
![GetHlp page screenshot](images/projects/getHlp.jpg)
GetHlp
May 2019
Your Personal Assistant - GetHlp - prompts users to seek and get help with their life's challenges.
Roles:
Branding, UI/UX Design, Front-End Development.
Features:
- Mobile first design;
- Responsive layout;
- SASS maps, functions, mixins etc.;
- HTML5, CSS3 preprocessed via SASS (Dart) and packed with Grunt (incl. PostCSS & Uglify plugins).
![Currency Calculator screenshot](images/projects/currency-calculator.jpg)
Currency Calculator
January 2019
Currency Converter App helps users to convert USD into another usable currency (RUB, CAD, or EUR) in just a moment. Based on current market exchange rates, the app will calculate the currency's corresponding value of the entered amount of money. Under the hood, converter makes an AJAX request to live REST API and caches current market exchange rates of several currencies in JSON format to be dynamically presented to users at the page.
Roles:
Branding, UI/UX Design, Development.
Features:
- AJAX requests;
- JSON API for live exchange rates updates;
- HTML5, CSS3, JS(ES6).
![Bullseye Game Page screenshot](images/projects/bullseye.jpg)
Bullseye Game
January 2019
Online game randomizing the results.
Roles:
Branding, Strategy, UI/UX Design, Front-End Development.
Features:
- Babel and Browserify version available here (opens in a new window);
- CSS animation "Rainbow Loader (opens in a new window)" created by Avan C.;
- HTML5, CSS3, and JS(ES2017).
![Login Page screenshot](images/projects/login.jpg)
Day/Night Login Page
February 2019
Template for the login page with options to switch screen mode between light (Day Mode) and dark (Night Mode) themes and local storage of user data and presets.
Roles:
Branding, UI/UX Design, Front-End Development.
Features:
- Modules bundled with Webpack;
- Local Storage for user data, serialized data objects, and color themes;
- Switching Day/Night mode (dark/light color themes) in one click;
- JSON requests;
- ON/OFF Switch design inspired by Proto.io (opens in a new window);
- HTML5, CSS3, JS(ES6).
![Wild Cats Gallery screenshot](images/projects/wildcats.jpg)
Wild Cats Cubs Gallery Page
March 2019
Library of effective templates where the gallery presented with photo slider plugin Galleria, responsive layout, customized tabs and wraparound status bar fueled by jQuery.
Roles:
Branding, UI/UX Design, Front-End Development, Plugin Customization.
Features:
- Customized tabs;
- Photo slider plugin (Galleria);
- Wraparound status bar;
- Responsive layout;
- HTML5, CSS3, JS(ES5), jQuery(3.3).
![RGB Color Game screenshot](images/projects/rgb-color-game.jpg)
RGB Color Game
November 2018
Try to guess the right color for RGB code - values given for Red, Green, and Blue colors.
Roles:
Branding, UI/UX Design, Animation, Front-End Development.
Features:
- HTML5, CSS3, JS(ES6).
![Scorekeeper's Board screenshot](images/projects/scorekeeper.jpg)
Note Board for a Scorekeeper
November 2018
Little helper for those venturous gamers who want to focus on actually playing but not keeping the score in mind.
Roles:
UI/UX Design, Front-End Development.
Features:
- HTML5, CSS3, JS(ES6).
![Parad/Ice Tasting screenshot](images/projects/parad-ice-tasting.jpg)
Parad/Ice Tasting Langind Page
December 2018
Template for an idea of popup-tasting of ice cream, gelato, and sorbet. Responsive bright design aims to fuel user's appetite.
Roles:
Branding, Strategy, UI/UX Design, Front-End Development.
Features:
- Bootstrap v.4;
- HTML5, CSS3, JS(ES6).
![Template Portfolio Wesite screenshot](images/projects/portfolio-neo.jpg)
Template Portfolio Website
December 2018
Template portfolio of a frontend-developer and web designer with callback request form and sample projects.
Roles:
UX Design, Front-end Development.
Features:
- Pixel-perfect design (PSD) to code;
- HTML5, CSS3, JS(ES6).
![Photo Gallery screenshot](images/projects/gallery.jpg)
Photo Gallery
July 2018
Collection of photos presented in unified sepia style.
Roles:
UI/UX Design, Front-End Development.
Features:
- CSS Grid & Flexbox;
- Retina-specific properties;
- HTML5, CSS3, JS(ES6).
![Java Screen Monitoring Virus screenshot](images/projects/java-monitoring-result.jpg)
Screen Monitoring Virus
December 2018
This application is aimed to monitor the activity on the computer where it's run, by taking every 5 seconds screenshots of the main screen and storing them in the dedicated Dropbox folder. All processes are silently performed in the background.
Roles:
Strategy, Development.
Features:
- Java;
- Dropbox API.