Frontend Developer - Angular & Tailwind CSS Architecture Expert
We're seeking an experienced Frontend Developer with deep expertise in Angular Signals, Tailwind CSS, and modern architecture patterns. You'll architect scalable frontend solutions using cutting-edge technologies including Tailwind CSS for utility-first styling, Angular Signals for reactive state management, and BEM methodology for component structure.
Our development team focuses on architectural excellence, applying SOLID principles, Clean Architecture, and modern design patterns. You'll collaborate with professionals who prioritize technical craftsmanship, code quality, and scalable frontend architectures. We happen to work in Life Science, but what matters most is your expertise in modern frontend architecture.
Why This Role Matters
We're architecture experts who happen to work in Life Science. What matters most is your mastery of Angular Signals, Tailwind CSS, SOLID principles, and Clean Architecture. The domain expertise comes naturally when the architecture is right.
Architecture-First Development
At Bon.do, we prioritize architectural excellence above all else. We apply SOLID principles, design patterns, and Clean Architecture to build maintainable systems. Our stack includes Angular Signals for reactive state, Tailwind CSS for scalable styling, and BEM for component structure. Code reviews focus on architecture, patterns, and long-term maintainability. We integrate AI tools strategically while maintaining rigorous architectural standards.
What You'll Be Working On
Our Frontend Developers architect scalable, maintainable frontend systems. You'll be involved in:
- Angular Signals Architecture: Building reactive applications using Angular 17+ with Signals, implementing Observer pattern with RxJS
- Tailwind CSS Implementation: Architecting utility-first styling systems with Tailwind CSS, optimized with PurgeCSS for production
- Component Architecture: Creating Smart/Dumb component patterns, applying Single Responsibility Principle and Dependency Inversion
- CSS Architecture: Implementing Tailwind CSS + BEM hybrid methodology, SCSS design system tokens, and scalable style architectures
- Web Components: Building custom elements with encapsulated styling using Tailwind CSS utilities
- Testing Architecture: Designing comprehensive testing strategies with Jest and Cypress following testing best practices
CSS Architecture: Tailwind + BEM Hybrid
We use a sophisticated CSS architecture that combines the best of multiple approaches:
- Tailwind CSS for Layout: Utility-first classes for spacing, flexbox, grid, and responsive design. Tailwind CSS enables rapid prototyping while maintaining consistency.
- BEM for Components: Block Element Modifier methodology for component structure and naming, ensuring predictable CSS architecture
- SCSS for Design Tokens: Centralized design system with variables, mixins, and functions for colors, typography, and spacing
- PurgeCSS Optimization: Production builds use PurgeCSS to remove unused Tailwind CSS utilities, keeping bundle sizes minimal
- Performance First: Strategic use of Tailwind CSS utilities where appropriate, custom CSS where needed, always optimized for production
Why Architecture Matters
Architecture isn't just theory - it's how we build maintainable software that scales:
- SOLID Principles: Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion applied to Angular components
- Design Patterns: Observer pattern with RxJS Observables, Smart/Dumb component separation, Facade pattern for complex services
- Clean Architecture: Clear separation of concerns, testable business logic, framework-independent core
- Code Review Culture: Collaborative reviews focused on architecture, patterns, and long-term maintainability
- Continuous Refactoring: Regular improvements to architecture, eliminating technical debt through disciplined refactoring
What We're Looking For
Technical Requirements
- 2-3 years of Angular development experience
- Angular Signals: Strong knowledge of Angular 14+ with Signals, TypeScript, and RxJS reactive patterns
- Tailwind CSS: Experience with Tailwind CSS utility-first methodology and production optimization
- Architecture Patterns: Understanding of SOLID principles, Clean Architecture, and design patterns
- CSS Methodologies: Proficiency in BEM methodology, SCSS, and Tailwind CSS hybrid approaches
- Web Components: Knowledge of custom element development with modern styling approaches
- Testing: Experience with Jest, Cypress, and architectural testing patterns
Soft Skills & Cultural Fit
- Communication: Excellent English communication skills for our international team
- Problem-Solving: Analytical mindset with focus on architectural solutions
- Collaboration: Experience working in agile, cross-functional teams with strong code review culture
- Learning: Enthusiasm for architectural patterns, design principles, and modern frontend technologies
- Quality Focus: Understanding of accessibility, performance, and maintainable code principles
Ready to Build World-Class Frontend Architecture?
If you're passionate about Angular Signals, Tailwind CSS, and architectural excellence - and want to join a team that values SOLID principles, design patterns, and technical craftsmanship over domain expertise - we'd love to hear from you.