WELCOME

Hi, I'm Veranika

Designer turned Front-end Developer (Codecademy trainee)

01. Hi there!

About Me

Having both creative and technical backgrounds make me a unique mix that grants me the ability to work with these two fields and benefits the front end development path. I believe continuous education is the key to success so I'm always curious about new things. My main goal is to produce good quality products that bring value to the world and be surrounded by people who passioned about what they're doing.

Skills & Tools {updating}

Programming Languages

HTML 5

CSS3

JavaScript

Tools & Platforms

Git

GitHub

VS Code

Libraries & Frameworks

Bootstrap

Design

Figma

Sketch

Invision

Adobe Suite

02. Projects

Some Things I`ve Built

Latest

Portfolio Website

For this project, I built a personal portfolio site, to share the projects that I`ve built during my Codecademy path.

Project Objectives:

  • Build a website using HTML, CSS
  • Add at least one interactive feature using JavaScript
  • Use Git version control
  • Use the command line and file navigation
  • Develop locally on your computer
  • Deploy your site to the web using GitHub Pages

Responsive Website

In this project, I was building webpage that will dynamically respond as you adjust the size of your screen!

Project Requirements:

  • Choose everything about your page, create your own web-design
  • Making images toggle to certain percentages in terms of width after a certain minimum screen size
  • Using a @media rule to change page layout and behavior based on size breakpoints.
  • Employing responsive units em and rem to size and space elements with width and padding.
Fetured Projects

Some Things I`ve Built

Some describtion here

Home Page (CSS, HTML)

This project should include:

  • flexbox styling for layout,
  • horizontal and vertical positioning,
  • flexible element flows as the page size changes,

Build a Website Design System

Style guide should include:

  • a labeled section outlining the colors,
  • fonts imported from Google Fonts.
  • at least 3 element styles.

HTML Cheatsheet

This project should document at least one HTML or CSS topic.

Genolis

  • Create 16 pages started with mock-up first and moving to final design with iterations,
  • create style guide,
  • create visual effects, suggest animation for user interaction with website.

Hackspace (design concept)

Landing re-design for software development company

Coral.team

Based on the new content:

  • update main page of the company,
  • create 8 new pages for subsections and portfolio,
  • design dropdown menu.