Development of the website "Meta Quest 2"
The task was to develop the main page for the website and create a gulp build for site optimization. The website "Meta Quest 2" is an interactive platform designed for promoting and selling virtual reality. On this site, users can familiarize themselves with the product description, its features, benefits, and available promotions.
Technologies used:
HTML/CSS/JavaScript: Main programming languages for creating the structure, design, and functionality of the website.
SCSS: CSS preprocessor that allows for convenient organization of styles and faster design implementation.
Gulp: Automation tool for project compilation, optimization, and deployment. Used for compiling SCSS to CSS, concatenating and minifying JavaScript files, optimizing images, and automatically updating web pages during development.
gulp-sass, gulp-concat, gulp-uglify-es, gulp-autoprefixer, gulp-clean, gulp-avif, gulp-webp, gulp-imagemin, gulp-newer, gulp-fonter, gulp-ttf2woff2, gulp-svg-sprite, gulp-include: Gulp extensions for various tasks such as SCSS compilation, image optimization, font conversion, and more.
Development process:
Page layout creation: Development of static pages using HTML/CSS to display content and graphics.
Adding functionality: Implementation of interactive elements and additional functionality using JavaScript.
Image and font optimization: Using Gulp for image minification and optimization, conversion to AVIF and WebP formats, as well as font conversion to WOFF2 for improved website performance.
Testing and debugging: Checking the site's performance on different devices and web browsers, identifying and fixing any potential errors.
Deploying the finished website on a web server for user access.
Technologies used:
HTML/CSS/JavaScript: Main programming languages for creating the structure, design, and functionality of the website.
SCSS: CSS preprocessor that allows for convenient organization of styles and faster design implementation.
Gulp: Automation tool for project compilation, optimization, and deployment. Used for compiling SCSS to CSS, concatenating and minifying JavaScript files, optimizing images, and automatically updating web pages during development.
gulp-sass, gulp-concat, gulp-uglify-es, gulp-autoprefixer, gulp-clean, gulp-avif, gulp-webp, gulp-imagemin, gulp-newer, gulp-fonter, gulp-ttf2woff2, gulp-svg-sprite, gulp-include: Gulp extensions for various tasks such as SCSS compilation, image optimization, font conversion, and more.
Development process:
Page layout creation: Development of static pages using HTML/CSS to display content and graphics.
Adding functionality: Implementation of interactive elements and additional functionality using JavaScript.
Image and font optimization: Using Gulp for image minification and optimization, conversion to AVIF and WebP formats, as well as font conversion to WOFF2 for improved website performance.
Testing and debugging: Checking the site's performance on different devices and web browsers, identifying and fixing any potential errors.
Deploying the finished website on a web server for user access.
Uzhgorod 
Available for hire