Centralized City Library System
Comprehensive Platform for 20 Children's Libraries
Color Palette
Primary Yellow
#FFCA4A
Secondary Yellow
#F7B005
Primary Purple
#8384BE
Light Purple
#DEE6FF
Primary Grey
#1E1E1E
Light Grey
#F8F8F8
Technology Stack
Core Technologies
- WordPress 6.5+ (Child Theme Architecture)
- PHP 8.0+
- Bootscore 6.0.0 Framework
- Bootstrap 5.x
- SCSS/Sass with custom compiler
Frontend Libraries
- jQuery for Bootstrap compatibility
- Swiper.js for hero sections and galleries
- Fancybox 4 for lightbox galleries
- Masonry.js for dynamic grid layouts
- Self-hosted Montserrat fonts
WordPress Plugins
- Advanced Custom Fields (ACF)
- Custom Post Type UI
- Contact Form 7
- Yoast SEO
- SVG Support
- WebP Express for image optimization
Development Highlights
Custom Post Types System
- 10 custom post types: New Books, Library News, Events, Studios, Competitions, Projects, Authors, Calendar, Media Coverage, Library Feeds
- Date-based archives with monthly/yearly organization
- Accordion-style archive navigation
- Custom URL rewrite rules for SEO-friendly URLs
- Pagination support (6-9 posts per page depending on type)
AJAX Filtering System
- Real-time content filtering without page reload
- Author filtering by year and venue
- Event filtering by date and library
- Dynamic content loading with AJAX
- Optimized database queries with caching
Interactive Features
- Hero slider with Swiper.js (video/image support)
- Fancybox lightbox galleries for images and videos
- Masonry grid layouts for dynamic content
- Library finder with interactive map/list
- Event calendar with date-based filtering
Performance Optimization
- Object caching for archive queries
- Optimized database queries
- Asset optimization and lazy loading
- Custom image sizes for responsive images
- WebP image format support
Developer Skills Demonstrated
WordPress Development
Custom post types registration, custom archive templates, URL rewrite rules, AJAX handlers, and template hierarchy customization.
AJAX & JavaScript
AJAX-powered filtering system, dynamic content loading, real-time filtering without page reload, and optimized query handling.
Third-Party Integration
Swiper.js for sliders, Fancybox for lightboxes, Masonry for grids, and seamless library integration.
Performance & Caching
Object caching implementation, query optimization, asset optimization, and performance monitoring.
Key Technical Achievements
- Created 10 custom post types with complex archive systems
- Implemented AJAX filtering system for real-time content filtering
- Built custom URL rewrite rules for SEO-friendly archive URLs
- Developed date-based archive system with accordion navigation
- Integrated multiple third-party libraries (Swiper, Fancybox, Masonry)
- Implemented object caching for improved performance
- Created library finder system for 20 branch libraries