Portfolio
Welcome to my portfolio! ๐
Organic Store
๐ Live Demo
๐ GitHub Repository
A modern landing page for an organic products store with interactive sections and responsive design.
- Animation effects (flip cards, smooth transitions, Framer Motion)
- Convenient shopping cart and product filtering
- Product search and sorting
- Modern component architecture (React + TypeScript)
- Accessibility (a11y, aria attributes, focus management)
- Integration with GitHub Actions for automatic deployment
๐ Duration: June - July, 2025
๐ ๏ธ Technologies:
| Vite | TypeScript | TailwindCSS (v3) | React (Hooks) | React Router DOM | Redux Toolkit | Formik + Yup | Framer Motion | JSON Server | GitHub Actions |
๐ Preview
Metaverse
๐ Live Demo
๐ GitHub Repository
Modern landing page for the metaverse with interactive elements and animations.
- Responsive design for all devices
- Smooth animations with AOS & Three.js
- Performance optimization (lazy loading, minification)
๐ Duration: April - June, 2025
๐ ๏ธ Technologies:
| HTML5 | SCSS | JavaScript (ES6+) | Webpack 5 | Bootstrap 5 | AOS | Three.js | GitHub Actions |
๐ Preview
Shelter
๐ Live Demo
๐ฏ Educational project completed as part of the course RS School.
- Responsive design for all devices
- infinite carousel slider
- pagination, popup, burger menu
| ๐ ๏ธ Technologies: HTML | SCSS | JS |
๐ Duration: April, 2023
๐ Preview
Momentum
๐ Live Demo
๐ฏ Educational project completed as part of the course RS School.
The application has a clock, image slider, weather widgets, audio player, quote of the day block, settings. Local storage - local storage - is used to store user name and locality.
- working with date and time;
- Custom audio player;
- saving data to local storage;
- using recursive setTimeout;
- dividing js-code into modules;
- working with asynchronous requests.
| ๐ ๏ธ Technologies: HTML | SCSS | JS |
๐ Duration: February, 2023
๐ Preview
Plants
๐ Live Demo
๐ฏ Educational project completed as part of the course RS School.
landing page of the site, which offers its services in growing plants in the garden and care of them.
| ๐ ๏ธ Technologies: HTML | SCSS | JS |
๐ Duration: February, 2023
๐ Preview
Filmoscope
๐ Live Demo
๐ GitHub Repository
๐ฏ Educational project completed as part of the course RS School.
Implementation of an application that displays information about movies upon user request.
- Work with the The Movie Database (TMDB)
- Adaptive design
- TMDB API
| ๐ ๏ธ Technologies: HTML | SCSS | JS |
๐ Duration: January, 2022
๐ Preview
Portfolio for a photographer
๐ Live Demo
๐ GitHub Repository
๐ฏ Implementation of an application that displays information about movies upon user request.
Web site for photographer.
- Light/Dark theme
- Adaptive design
- Pixel Perfect
- Custom video player
- Text translation
| ๐ ๏ธ Technologies: HTML | CSS | JS |
๐ Duration: January, 2022
๐ Preview
Botanika
๐ Live Demo
๐ GitHub Repository
๐ฏ Educational project as part of the marathon ยซะะฐะฒะตัััะฐัยป from HTML Academy.
Landing page for a flower delivery company
| ๐ ๏ธ Technologies: HTML | CSS | JS |
๐ Duration: August, 2022
๐ Preview
DEVChallenge
๐ Live Demo
๐ GitHub Repository
Website for the company in the crypto industry (We took 3rd place in the Frontend Layout nomination in DEV Challenge XVII)
- Light/Dark theme
- Adaptive design
- Pixel Perfect
- work with API YouTube I use:
- Glide JS
- Animate.css
- YouTube API
| ๐ ๏ธ Technologies: HTML | CSS | JS |
๐ Duration: November 2020
๐ Preview
๐งฉ Other Projects
- Cozy hotel for cats โ Landing page for a pet hotel: room catalog, filtering, booking, testimonials, responsive design.
- Saper (game) โ Classic Minesweeper game in JavaScript with timer and mine counter.
- CSS Bayanโ Accordion (bayan) built with pure CSS: expandable sections without JavaScript.
- Virtual-Keyboardโ Virtual keyboard in JavaScript: supports mouse and keyboard input, language switching.
- Air-pollution โ Interactive dashboard visualizing air pollution data by city and pollutant.
- Website for Pharma industry โ Interactive dashboard visualizing air pollution data by city and pollutant.