About this page

This project demonstrates not only my technical skills but also my ability to quickly adapt to new technologies. Thanks to modern AI tools like Cline in combination with Claude.AI, I was able to complete the entire development - from initial conception to final deployment - in just two weeks.

The development began with careful planning in Figma, where I used Figma variables to establish a consistent design system. With Next.js as the foundation, enhanced by Next.UI and Tailwind CSS, a user-friendly and technically sophisticated application emerged.

For type-safe development, I integrated tRPC with automatic type generation, ensuring reliable communication between frontend and backend. The Directus CMS with PostgreSQL provides a solid foundation for data management.

I'm particularly proud that I could apply the DevOps knowledge gained from smaller projects. The backend infrastructure runs as a self-hosted solution on a VPS, orchestrated through Docker containers and automated Jenkins CI/CD pipelines. The implementation of SSL encryption and Fail2Ban completes the security concept.

This project shows how effectively modern development tools and existing technical expertise can be combined to achieve a professional result in a short time.

Technology Stack: 

Frontend: Next.js, Next.UI, Tailwind CSS, tRPC

Design: Figma, Component Library, Design System

Backend: Directus CMS, PostgreSQL

DevOps: Docker, Jenkins, Automated CI/CD

Security: SSL, Fail2Ban

Infrastructure: Self-hosted VPS

Development Support: Cline, Claude AI