Crystafor - Professional Cleaning Services
Custom WordPress Theme with GetJobber CRM Integration
Color Palette
Primary Blue
#3A9FDF
Dark Blue
#0B283D
White
#FFFFFF
Light Gray
#F7F7F7
Text Light
#666666
Technology Stack
Core Technologies
- WordPress 6.5+ (Child Theme Architecture)
- PHP 8.0+
- Bootscore 6.3.0 Framework
- Bootstrap 5.x
- SCSS/Sass with custom compiler
Frontend
- Vanilla JavaScript (no jQuery)
- AOS (Animate On Scroll)
- Google Fonts (Poppins)
- Font Awesome Icons
Integrations
- GetJobber API (OAuth 2.0 & GraphQL)
- Advanced Custom Fields (ACF)
- Google reCAPTCHA v3
- Meta Pixel
Development Highlights
Performance Optimization
- Conditional asset loading (template-specific CSS/JS)
- Lazy loading for images and non-critical resources
- Resource hints (preconnect & DNS-prefetch)
- Async/Defer scripts for non-blocking JavaScript
- Minified CSS with automatic SCSS compilation
- Responsive images with srcset and sizes attributes
- Critical CSS inline for faster rendering
API Integration
- OAuth 2.0 authentication with GetJobber CRM
- GraphQL API for efficient data queries
- Automatic token refresh mechanism
- Rate limiting to prevent API abuse
- Client creation from form submissions
- Error handling and retry logic
Form Management
- Multi-step contact form with file uploads
- Quick quote forms in hero and CTA sections
- Live validation with Bootstrap 5
- AJAX submission without page reload
- Success popups with user-friendly messages
- Comprehensive error handling
Security Implementation
- reCAPTCHA v3 integration on all forms
- Rate limiting for AJAX submissions
- Input sanitization for all user data
- Nonce verification for CSRF protection
- Secure OAuth 2.0 token management
Developer Skills Demonstrated
WordPress Development
Custom theme development with child theme architecture, template hierarchy, custom post types, and WordPress hooks & filters.
Backend Development
PHP backend logic, WordPress integration, OAuth 2.0 implementation, GraphQL queries, REST API consumption, and secure token management.
Frontend Development
Vanilla JavaScript, SCSS/Sass preprocessing, responsive design with mobile-first approach, AOS animations, and performance optimization.
Performance & SEO
Asset optimization, lazy loading, critical CSS, semantic HTML5, proper meta tags, and accessibility implementation.
Key Technical Achievements
- Removed jQuery dependency, converted to vanilla JavaScript for better performance
- Implemented conditional loading of WordPress assets (block library, Gutenberg styles)
- Created template-specific CSS loading system to reduce initial payload
- Built secure OAuth 2.0 flow with automatic token refresh
- Developed multi-step form with progressive enhancement
- Implemented comprehensive error handling and user feedback systems
- Optimized database queries and asset delivery