Skip to content

Personal

Live

Tailwind CSS Converter

Visit site
Tailwind CSS Converter, image 1 of 1

About the project

Personal developer tool for converting design specifications to Tailwind CSS utility classes. The tool helps convert pixel values, colors, font sizes and other CSS properties to the corresponding Tailwind classes. Developed as part of a personal portfolio website to speed up the workflow between design and implementation.

  • Birth Date Analyzer - Interactive Age Calculator project preview

    Personal

    Visit

    Birth Date Analyzer

    Interactive Age Calculator

    Interactive web application that calculates age and interesting statistics based on an entered birth date. The tool shows how many days, weeks, months and years someone has lived, calculates the next birthday and presents other time-related information in a visually appealing way.

    ReactNext.jsTailwind CSS
  • Fietsen Roman - Bicycle Shop Demo project preview

    Personal

    Visit

    Fietsen Roman

    Bicycle Shop Demo

    Demo e-commerce platform for a fictional bicycle shop, made with Next.js, Stripe and Prisma. The website showcases modern webshop features including a product catalog, shopping cart and payment integration. Built as a showcase project to demonstrate e-commerce development skills.

    ReactNext.jsTailwind CSSStripePrisma
  • Ghent Parking - Real-Time Parking Information project preview

    Personal

    Visit

    Ghent Parking

    Real-Time Parking Information

    Real-time parking information system for the city of Ghent, made with Next.js and the Google Maps API. The application shows the live availability of parking spaces in public car parks via the City of Ghent’s open data API. It visualizes occupancy rates, capacity, tariffs and locations in a clear way, helping visitors and residents quickly find a parking space.

    ReactNext.jsTailwind CSSGoogle Maps API