Villa Marrakesh

The official website for a Moroccan-inspired vacation apartment nestled in the woods of northeastern Hungary.

Summary

Client:
Lívia Tóth
Year:
2025
Role:
Design, full stack development
Stack:
Nuxt, Tailwind CSS, MariaDB, Docker

Description

For this project, I started with a blank canvas and handled every aspect, from design to development and hosting. The only assets I had initially were the domain and photos provided by a photographer.

The design process began in Figma, after which I built the site using Nuxt with Vue components. I implemented Tailwind CSS for styling, Radix UI for interactive and accessible components, GSAP and ScrollTrigger for subtle animations, and Lenis for smooth scrolling.

The site is available in three languages, with internationalization managed using the official Nuxt i18n module.

On the hosting side, the website runs within a Docker stack on a VPS, utilizing an Nginx reverse proxy and automatically generated Let's Encrypt SSL certificates. The Docker image is stored in GitLab's container registry, ensuring synchronization with version control. Additionally, GitLab CI automates the rebuilding process after changes are made to specific branches.

Screenshots

Website's Gallery section in desktop view
Website's Gallery section in desktop view
Website's Services section in desktop view
Website's Services section in desktop view
Website's Information and Booking section in desktop view
Website's Information and Booking section in desktop view
Website's Booking section with the calendar in desktop view
Website's Booking section with the calendar in desktop view

Next work

ChatMaster - Skillbot AI

Skillbot AI's ChatMaster application offers all the benefits of AI knowledge tailored to the daily tasks of small companies.

Created in: 2024