lavrentina

cantilever

Responsive HTML and CSS page focused on text-shadow and typography

ceramics-project

Responsive HTML and CSS portfolio page for a ceramics artist.

cost-estimator

Responsive HTML and CSS page containing ::before and ::after pseudo-elements and such methods as positioning, flexbox, linear-gradient, scaling, etc.

lavrentina

maze-game

2D maze game built with matter.js

my-bio

React Demo Portfolio app. Form validation is set with Formik and Yup libraries. UseState hook and useSubmit custom hook are used to submit a form and simulate an API call. Chakra UI library is used to build content blocks.

online-shop

E-commerce Node Express App. Functioning "Sign Up/Sign In", "Cart" and "Products" pages. Admin Panel access allows to edit the store's file-based data (adding products, uploading images, etc).

photo-grid-project

HTML and CSS page with responsive flexbox and grid layouts. Hamburger button is animated with keyframes and its class names are toggled with JS.

restaurant-capstone

React app for a restaurant which contains such CSS methods as transition, positioning, flexbox and responsive layout including hamburger button for mobile navigation menu. Internal site navigation is set with React Router reservation option is imitated through a form.

swipe-project

Multiple-section website with grid and flexbox responsive layouts built with HTML, CSS and JS.

movie-comparison-app

Movies' data is fetched from "https://www.omdbapi.com/" with axios GET requests, then parsed and compared.

secret-messages-app

Secret Messages App. Given app incudes a text input allowing a user to write a secret message they would like to share with their friends. With the help of Base64 encoding, submitted message then turns into a shareable URL. After opening the URL, the secret message is decoded and displayed on the screen.

typography-project

HTML and CSS page focused on typography methods.