A beautiful, interactive calendar application that combines date management with language learning features for English and Chinese, enhanced with stunning Portuguese flower imagery for each month.
- Complete 2026 calendar with intuitive navigation
- Current date highlighting and weekend distinction
- Responsive design that works on all devices
- Smooth month-to-month transitions
- Keyboard navigation support (arrow keys)
Each month features a beautiful Portuguese flower with names in three languages:
| Month | Portuguese | English | Chinese | Seasonal Theme |
|---|---|---|---|---|
| January | Camélia | Camellia | 山茶花 | Winter elegance |
| February | Flor de Amendoeira | Almond Blossom | 杏花 | Early spring hope |
| March | Narciso | Daffodil | 水仙花 | Spring awakening |
| April | Flor de Cerejeira | Cherry Blossom | 樱花 | Renewal and beauty |
| May | Rosa | Rose | 玫瑰 | Classic Portuguese gardens |
| June | Alfazema | Lavender | 薰衣草 | Summer fragrance |
| July | Girassol | Sunflower | 向日葵 | Summer brightness |
| August | Buganvília | Bougainvillea | 三角梅 | Mediterranean warmth |
| September | Dália | Dahlia | 大丽花 | Autumn richness |
| October | Crisântemo | Chrysanthemum | 菊花 | Fall tradition |
| November | Ciclâmen | Cyclamen | 仙客来 | Late autumn beauty |
| December | Bico-de-papagaio | Poinsettia | 一品红 | Holiday celebration |
- Daily quotes and vocabulary explanations
- Pronunciation guides for month names
- Flower-related idioms and expressions
- Grammar tips for time expressions
- Fun facts across multiple categories (history, science, culture, nature)
- Chinese characters for dates and numbers
- Month names in simplified and traditional characters
- Weekday names with pinyin pronunciation
- Cultural information about Chinese holidays and festivals
- Traditional greetings and customs
- New Year's Day: January 1-3
- Spring Festival (Year of Fire Horse): February 17-25 (Golden Week)
- Tomb-Sweeping Day: April 5-6
- Labor Day: May 1-2
- Dragon Boat Festival: June 19
- Mid-Autumn Festival: September 25
- National Day: October 1-7 (Golden Week)
- Pure Vanilla JS: No external dependencies for maximum performance
- Responsive Design: Perfect on desktop, tablet, and mobile devices
- Accessibility: Full ARIA labels, keyboard navigation, and screen reader support
- Performance Optimized: <50ms calendar generation, lazy loading, preloading
- Error Handling: Graceful fallbacks and comprehensive error recovery
- Comprehensive Testing: 30+ automated tests covering all functionality
The application includes a comprehensive test suite:
- Integration Tests: Core functionality validation
- Unit Tests: Individual component testing
- Performance Tests: Speed and efficiency validation
- Accessibility Tests: ARIA labels and keyboard navigation
- Error Handling Tests: Edge cases and invalid inputs
Run tests by opening any of these files:
test-integration.html- Basic integration testscomprehensive-test.html- Full test suitefinal-test-report.html- Professional test report
This calendar combines functionality with beauty, creating an immersive experience that makes learning enjoyable. The Portuguese flowers add natural elegance while multilingual features provide practical language learning opportunities in a culturally rich context.
- ✅ Chrome (recommended)
- ✅ Firefox
- ✅ Safari
- ✅ Edge
- ✅ Mobile browsers (iOS Safari, Chrome Mobile)
- Visit the live demo: https://mrfeixiang.github.io/2026/
- Or run locally:
git clone https://github.com/mrfeixiang/2026.git cd 2026 python3 -m http.server 8000 # Open http://localhost:8000
Built with modern web standards:
- HTML5: Semantic structure with accessibility features
- CSS3: Flexbox/Grid layouts, custom properties, animations
- ES6+ JavaScript: Classes, modules, async/await, modern APIs
- Progressive Enhancement: Works without JavaScript for basic functionality
- Lines of Code: ~1,500 (HTML/CSS/JS)
- Test Coverage: 30+ comprehensive tests
- Performance: <50ms calendar generation
- Accessibility: WCAG 2.1 AA compliant
- Languages: 3 (Portuguese, English, Chinese)
- Flowers: 12 unique Portuguese flowers
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
This project is open source and available under the MIT License.
🌸 Enjoy exploring the beautiful intersection of time, language, and nature! 📅🌍
Made with ❤️ for language learners and calendar enthusiasts