macOS Portfolio

https://macos.tmscode.sk

Description

macOS Portfolio is an experimental personal project that simulates a macOS-like desktop environment in the browser. The goal was to replicate core system UI patterns—such as window management, draggable components, and layered interactions—while maintaining smooth performance and a clean codebase.

The project is built with Next.js, React, TypeScript, and Tailwind CSS, with content managed via Sanity CMS. Particular attention was paid to state management, component isolation, and event handling (drag, focus, z-index). The architecture is modular and extensible, making it easy to introduce new applications, windows, or system behaviors without refactoring core logic.

Next projects

Explore Nature image 1
Explore Nature image 2
Explore Nature image 3
Explore Nature image 4
Explore Nature image 5
Explore Nature image 6
Explore Nature image 7
Explore Nature image 8
Explore Nature image 9
Explore Nature image 10
CompletedPersonal
Next.jsNext.js
TailwindTailwind
ReactReact
TypeScriptTypeScript

Explore Nature

Explore Nature is a web experience designed to showcase outdoor destinations and inspire users to discover natural landscapes. The platform focuses on visual storytelling and intuitive navigation to help visitors explore regions, activities, and points of interest in a clean, engaging format. Built with Next.js, Tailwind CSS, and TypeScript, the site prioritizes performance, accessibility, and responsive design. Its modular component structure supports future enhancements such as dynamic filtering, user submissions, or localized content.

Learn More
Altis INTERIER image 1
Altis INTERIER image 2
Altis INTERIER image 3
Altis INTERIER image 4
Altis INTERIER image 5
Ongoing
Sanity CMSSanity CMS
StripeStripe
AlgoliaAlgolia
Next.jsNext.js
FirebaseFirebase
ReactReact
TypeScriptTypeScript

Altis INTERIER

Altis Interier is an e-commerce website developed for an interior design and furniture brand, focused on selling interior products while presenting the brand’s design approach and offerings. The project combines product presentation with a clean, elegant layout to ensure a smooth and intuitive shopping experience. The e-shop is built using Next.js, TypeScript, and Tailwind CSS, with an emphasis on performance, responsive design, and scalability. The architecture supports product listings, detail pages, and future extensions such as filtering, inventory management, or integrations with payment and logistics services.

Learn More
APPA Consulting image 1
APPA Consulting image 2
APPA Consulting image 3
APPA Consulting image 4
Completed
Next.jsNext.js
TailwindTailwind
TypeScriptTypeScript

APPA Consulting

Appa Consulting is a corporate website built to present a consulting firm’s services, expertise, and value proposition. The project aimed to communicate professionalism and clarity, allowing potential clients to understand the company’s offerings and contact options efficiently. Developed with Next.js, TypeScript, and Tailwind CSS, the site emphasizes fast performance, clean UI, and SEO-friendly markup. Its scalable structure enables easy addition of case studies, team pages, or lead capture forms as the business grows.

Learn More
Post scheduler image 1
Post scheduler image 2
Post scheduler image 3
Post scheduler image 4
Post scheduler image 5
Post scheduler image 6
Completed
Next.jsNext.js
ReactReact
FirebaseFirebase
Sanity CMSSanity CMS
TypeScriptTypeScript
TailwindTailwind

Post scheduler

Post Scheduler is a tool designed to plan, schedule, and manage social media content in advance. The platform allows users to create posts, set publish times, and overview their scheduled content in a structured and intuitive interface, streamlining content workflows. Built with Next.js, TypeScript, and Tailwind CSS, the project emphasizes performance, usability, and responsiveness across devices. The architecture is modular and scalable, prepared for integrations such as API connections to social media platforms, user authentication, and analytics.

Learn More
Hashlab image 1
Hashlab image 2
Hashlab image 3
Hashlab image 4
Hashlab image 5
Completed
Next.jsNext.js
ReactReact
TailwindTailwind

Hashlab

Hashlab is a frontend project focused on creative UI/UX interactions, animations, and visual exploration. The goal of the project is to demonstrate advanced frontend techniques and interactive design patterns in a polished, responsive web interface. The project is built with Next.js, TypeScript, and Tailwind CSS, emphasizing modular components, performance optimization, and visual refinement. Its structure allows for easy animations, state management, and new interaction models without affecting core routing or layout consistency.

Learn More
Masonry gallery image 1
Masonry gallery image 2
Masonry gallery image 3
PersonalCompleted
Next.jsNext.js
TypeScriptTypeScript
TailwindTailwind
Sanity CMSSanity CMS
ReactReact

Masonry gallery

Masonry Gallery is a visual showcase project that implements a Masonry-style grid to display images in an organic, Pinterest-like layout. The interface emphasizes smooth loading, responsive behavior, and elegant arrangement of media content for an engaging browsing experience. Implemented with Next.js, TypeScript, and Tailwind CSS, the project focuses on efficient layout rendering, performance, and accessibility. Its structure allows for future enhancements such as lazy loading, filtering, and dynamic content sourcing without breaking the core grid behavior.

Learn More