Project - Building a Modern Web Presence from Scratch
Designing and developing the donkerzon.nl website using Symfony on the backend with a modern frontend stack of TypeScript, SASS, and Tailwind CSS.
- Client
- Donkerzon
- Year
- Service
- Fullstack Development
Overview
Donkerzon required a professional web presence built with modern tooling and a focus on performance and maintainability. I handled the full development lifecycle — from architecture decisions to a production-ready deployment.
Tech Stack
Backend — Symfony
The backend is powered by Symfony, providing a robust foundation for routing, templating, and any future API needs. Symfony's component-based architecture ensures the application stays modular and testable as requirements evolve.
Frontend — TypeScript, SASS & Tailwind CSS
The frontend combines three complementary technologies:
- TypeScript for type-safe, maintainable client-side logic.
- SASS for structured, reusable stylesheets where custom design work was needed.
- Tailwind CSS for rapid utility-first styling, keeping the markup expressive and the CSS bundle lean.
This hybrid approach gives the best of both worlds — Tailwind for speed and consistency, SASS for complex or bespoke components.
Key Highlights
- Performance-first approach — optimized asset pipeline, minimal JavaScript footprint, and efficient server-side rendering via Twig templates.
- Responsive design — fully responsive across all device sizes, built mobile-first with Tailwind's breakpoint system.
- Maintainable codebase — clear separation of concerns between backend logic, templates, and frontend assets, making future development straightforward.
- Symfony
- TypeScript
- SASS
- Tailwind CSS
- Twig
- Backend
- Symfony
- Frontend
- TypeScript
- Styling
- Tailwind
- Custom Styles
- SASS