This is a custom commercial barbershop website developed as a paid project for a client. The site was built using TypeScript, SCSS, and Webpack for efficient modularization and bundling. The architectural design was based on Object-Oriented Programming (OOP) principles, ensuring scalability and maintainability. The website includes a responsive design, interactive galleries, and dynamic components, delivering a seamless user experience tailored to the client's business needs.

I created an online store with a dynamic user interface.Users can explore products, search by name, and filter by category and price. Overall, it provides a seamless and engaging online shopping experience.

I’m showcasing an Angular project still in development, featuring a homepage, contact page, product basket, and checkout page. I’ve mastered Angular for SPA development, including components, data binding, directives, forms, lifecycle management, routing, HTTP requests, RxJS, and Firebase for data storage.

This is a small game written in pure JavaScript. It includes a JSON file from which questions and answers are retrieved. Each question has three options, one of which is correct. Additionally, there is a timer implemented. The game is designed for developers and is played within the console.

In this project, I crafted a restaurant menu page using HTML, SCSS, and TypeScript.The TypeScript code dynamically generates category buttons, handles clicks to filter items, and ensures a responsive user experience. Overall, the project provides a user-friendly interface to explore and navigate the restaurant menu.

This code implements a form with various input fields and validation using a JavaScript class called Validator. The form includes fields for name, date of birth, email, password, and password confirmation. The Validator class has methods to validate each field based on specific regex patterns.

The assignment required the creation of a to-do list that closely resembles a specified design. Additionally, the task involved implementing data storage using cookieStorage to ensure the persistence of the to-do list data across user sessions.

The code aims to replicate a given design layout, featuring a responsive webpage showcasing bicycles. It includes a header, navigation, main content with product boxes, and a footer. Each product box contains an image, price, and details, following the design specified in the layout. The styling is done in SCSS.

The task involved creating a weather widget with a search functionality. To retrieve weather data, the OpenWeatherMap API was utilized. The widget allows users to search for weather information in different locations, providing real-time weather updates based on the data fetched from the OpenWeatherMap API.

In this project, I: Created a list page displaying countries using REST countries API. Added search functionality to find countries by name. Implemented a filter to sort countries by region. Developed a theme switcher to toggle between light and dark modes.

This code creates a pure CSS image carousel with three slides. It features navigation buttons, dots, and transitions. Slides include images and text. The CSS styles handle layout, appearance, and interactivity. JavaScript is not used. Users can navigate using radio buttons, buttons, or dots for a seamless image transition.

I attempted to create two responsive web pages using different layout techniques: Flex layout. These exercises helped me enhance my skills in responsive design techniques using modern CSS layout methods.