Crafting clean, maintainable, and efficient code using modern web technologies.
As a Front-end Developer, I bridge the gap between high-end design and technical excellence. I build scalable, accessible, and ultra-fast web applications tailored to your business goals.
.svg)
Semantic HTML, modular CSS, and maintainable JavaScript.
Fast load times, optimized assets, and smooth UX.
.svg)
Pixel-perfect on mobile, tablet, and desktop.
WCAG-friendly markup and keyboard navigation.
"A professional educational platform built for a leading academy in Macedonia. It features a modern interface designed to enhance the digital learning experience for students."
.png)
"A creative portfolio showcasing professional photography with an elegant, minimalist aesthetic. Focused on high-performance image galleries and smooth user transitions.".
Building the leading digital learning hub for students in Macedonia, focused on accessibility and interactive courses.
.png)
The main challenge was to display a large volume of academy data (pricing, highlights, and program overviews) without overwhelming the user. I needed a layout that feels professional, academic, yet modern and accessible.
I developed a robust Popup system using custom JavaScript functions. By using a centralized controlPop() logic, the application handles multiple academy programs efficiently, loading detailed information only when requested to maintain a clean UI..
To improve navigation, I integrated Swiper.js for the "Explore Our Programs" section. This allows users to browse through various academies (Marketing, Design, Frontend) with a smooth, touch-responsive experience across all devices.
The final result is a high-performance educational platform. By combining sticky navigation, responsive grids, and clear Call-to-Action (CTA) buttons, the site successfully guides students from exploration to enrollment in a seamless flow.
A minimalist, high-performance portfolio designed to showcase cinematic moments through a lens.
The goal was to create a dual-sided navigation with a perfectly centered logo that remains responsive and semantic, avoiding the mess of traditional float-based layouts.
I utilized a triple-container Flexbox approach (nav-group + logo-wrapper). This ensures the logo stays mathematically centered while the menu items distribute evenly on both sides.
Using reusable classes like .nav-item and a clear hierarchy makes the header SEO-friendly and extremely easy to update or scale without breaking the layout.
A highly polished, professional navigation bar that enhances the luxury feel of the site. It provides an intuitive user journey while maintaining a high standard of front-end performance.
Smart AI-driven platform that generates personalized recipes based on ingredients you already have at home.
With a database of over 50+ detailed recipes, the main challenge was to enable users to enter multiple ingredients at once and receive only the recipes that contain all of them, ensuring no irrelevant results are displayed.
I implemented the solution using JavaScript’s .filter() and .every() methods. This powerful combination searches the recipes array and compares it against user input, ensuring logical accuracy for every generated result.
Instead of static pages, I used Template Literals and the .map() function to dynamically "inject" content. This allows for instant updates of the title, ingredients list, and instructions without refreshing the entire page.
The final result is a fast and intuitive tool that utilizes RegExp (via .replace()) to format text correctly. The application successfully manages user requests and offers a clean, organized real-time display of the recipes.
A sophisticated job-hunting engine built to connect top talent with modern remote and onsite opportunities.
.png)
The primary challenge was synchronizing user authentication with protected actions, like job applications, while managing multiple modal states and real-time data persistence.
I implemented a centralized useAuth hook for global user management and a smart handleApply function that validates user permissions before executing critical application logic.
Users receive instant feedback—if unauthorized, the system automatically triggers the login flow, ensuring a fluid experience that guides the user without page reloads or broken interactions.
The final result is a high-performance Single Page Application (SPA) with local data persistence, offering a personalized dashboard and a 30% faster interaction rate compared to traditional multi-page sites.
.png)
