Interactive Environmental Quiz Platform with Gamification
Environment Day Competition (Environmental Day Quiz) is a complete, production-ready environmental awareness and education platform that gamifies learning about sustainability through competitive quizzes. Built with modern technology (PHP + Vue.js 3), it provides 80+ features across 11 database tables, 33 API endpoints, and 13+ Vue components.
A turnkey solution for running environmental knowledge competitions - perfect for corporations, schools, NGOs, and government initiatives.
| Metric | Value |
|---|---|
| Total Features | 80+ |
| Database Tables | 11 |
| API Endpoints | 33 |
| Vue Components | 13+ |
| CSS Stylesheets | 10 (10,000+ lines) |
| Sound Effects | 5 |
| Achievement Badges | 9 |
| Lines of Code | 16,000+ |
- Multiple Question Types - Standard multiple choice, Yes/No, custom options
- Image-Based Options - Visual answer choices support
- Real-Time Timer - Configurable countdown per question (30+ seconds)
- Score Calculation - Base points + time bonus + streak bonus
- Answer Feedback - Instant correct/incorrect display with explanations
- Environmental Tips - Eco-tips shown after each answer
- Sound Effects - Audio feedback for correct/wrong answers
- Visual Animations - Eco-themed animations and effects
- Progress Tracking - Quiz completion percentage
- Pause/Resume - Continue quiz where you left off
- Question Randomization - Random question order per session
- Difficulty Levels - Easy, medium, hard questions (1-3)
- Category Classification - Organize questions by topic
- Time-Based Scoring - Faster answers earn higher bonuses
- Streak Bonuses - Consecutive correct answers multiply points
- HTML Content Support - Rich text in questions
- Info Text After Answer - Educational explanations
- Custom Point Values - Configure points per question
- Active/Inactive Questions - Toggle question availability
- Question Import/Export - Bulk CSV/JSON operations
- 9 Achievement Badges:
- "Eco-Friendly" - First correct answer
- "Knowledgeable Environmentalist" - 5 correct answers
- "Environmental Expert" - 10 correct answers
- "Point Hunter" - 50 points earned
- "Point Star" - 100 points earned
- "Point Champion" - 200 points earned
- "Streak Master" - 3 consecutive correct
- "Streak Champion" - 5 consecutive correct
- "Tree Friendly" - 5 trees planted
- "Forest Protector" - 10 trees planted
- Tree Planting Mechanic - 1 tree per correct answer (configurable)
- Visual Tree Counter - Track environmental impact
- Streak Tracking - Current and best streak display
- Leaderboard - Real-time rankings
- Score History - Track performance over time
- Badge Earning Notifications - Celebratory feedback
- Progress Visualization - Visual completion indicators
- Cumulative Statistics - Total trees planted across all users
- User Registration - Multi-field validated form
- KVKK Compliance - Turkish Data Protection Law support
- Employee ID Tracking - Corporate user identification
- Phone Validation - Format verification
- Duplicate Prevention - No repeat registrations
- Session Assignment - Users linked to quiz sessions
- Profile Information - Name, contact, department
- Results Dashboard - Detailed performance breakdown
- Completion Percentage - Visual progress display
- Social Sharing - Share results on social media
- Performance Statistics - Correct/wrong counts, streaks
- Badge Collection - View earned achievements
- Real-Time Rankings - Live score updates
- Session-Based Filtering - Rankings per quiz session
- Top Performers Display - Highlight winners
- Score-Based Sorting - Automatic ranking
- User Statistics - Individual performance metrics
- Export to Excel - Download leaderboard data
- Responsive Tables - Mobile-friendly display
- Search/Filter - Find specific participants
- Real-Time Statistics - Participants, questions, answers, trees
- Visual Charts - Answer accuracy pie charts
- Category Distribution - Question topic breakdown
- Weekly Trends - Registration patterns
- Response Time Analytics - Performance by difficulty
- Most-Missed Questions - Identify difficult topics
- Create Questions - Full CRUD operations
- Edit Questions - Modify all attributes
- Delete Questions - Remove with confirmation
- Bulk Import - CSV/JSON question import
- Export Questions - Download question bank
- Rich Text Editor - HTML content support
- Image Upload - Add images to options
- Difficulty Settings - Set question level
- Category Assignment - Organize by topic
- Status Toggle - Active/inactive control
- Search & Filter - Find questions quickly
- Pagination - Handle large question banks
- Create Sessions - Set up new quiz events
- Session Scheduling - Define start/end times
- Registration Duration - Control signup period
- Quiz Duration - Total time limits
- Session Status Tracking:
- Scheduled
- Registration Open
- Active (quiz running)
- Completed
- Delete Sessions - Remove with data
- Reset User Stats - Clear session data
- Timeline Management - Visual session flow
- View All Participants - Complete user list
- Participant Statistics - Individual performance
- Delete User Data - GDPR compliance
- Reset Individual Stats - Clear specific user
- Export User Data - Download participant info
- Registration Tracking - Monitor signups
- Multiple Admin Accounts - Team access
- Role Types - Regular admin, full admin
- Create Admins - Add new team members
- Edit Credentials - Update admin info
- Password Management - Secure password changes
- Delete Admins - Remove access
- Last Login Tracking - Activity monitoring
- Quiz Title - Custom branding
- Questions Per Quiz - Configure count
- Base Points - Set scoring values
- Time Bonus Factor - Speed rewards
- Streak Bonus Factor - Combo rewards
- Feature Toggles:
- Leaderboard visibility
- Sound effects
- Animations
- Eco-tips display
- Trees Per Answer - Environmental impact ratio
- KVKK Text - Customize consent text
- Reset All Settings - Restore defaults
- Create Backups - Database snapshots
- List Backups - Available restore points
- Restore Backup - Recover data
- Delete Old Backups - Cleanup storage
- Timestamp Tracking - Backup history
- Integrity Checks - Verify backup health
- 15+ Pre-loaded Eco-Tips covering:
- Energy conservation
- Transportation choices
- Water management
- Waste reduction
- Food consumption
- Recycling practices
- Tips Display - Shown on results pages
- Question-Associated Tips - Context-relevant advice
- Categorized Content - Organized by topic
- Customizable Tips - Add your own content
- Educational Facts - Environmental statistics
- Sustainability Practices - Actionable advice
- JWT Authentication - Secure admin access
- KVKK Compliance - Data protection law
- User Consent Recording - Permission tracking
- Input Validation - Server-side checks
- SQL Injection Prevention - Secure queries
- XSS Protection - Output sanitization
- Session Management - Secure session handling
- Password Hashing - Bcrypt encryption
- Unique Session IDs - Prevent conflicts
- Status Validation - Session state checks
- Responsive Design - Mobile-first approach
- Dark/Light Theme Support - Visual preferences
- Smooth Animations - Polished interactions
- Color-Coded Feedback - Green/red indicators
- Progress Indicators - Visual completion
- Modal Dialogs - Clean interactions
- Toast Notifications - User feedback
- Icon System - Consistent iconography
- Accessibility Features - WCAG compliance
- Loading States - Progress feedback
- Error Handling - User-friendly messages
- Real-Time Updates - Live data refresh
- Sound Effects - 5 audio files included
- Visual Assets - 67 images/animations
- Custom CSS - 10,000+ lines of styling
- Vue.js 3 - Modern reactive frontend
- Vue Router 4 - SPA navigation
- RESTful API - Standard JSON responses
- SQLite Database - Portable, no setup
- MySQL Compatible - Enterprise option
- No Build Required - Vanilla JS modules
- Apache Ready - .htaccess included
- Modular Architecture - Clean code structure
- Event-Driven Quiz - State management
- LocalStorage - Client-side persistence
| Metric | Target | Achieved |
|---|---|---|
| Page Load | < 2s | < 1.5s |
| API Response | < 200ms | < 100ms |
| Quiz Start | < 1s | < 500ms |
| Score Calculation | Real-time | Instant |
| Layer | Technology |
|---|---|
| Backend | PHP 7.4+, SQLite/MySQL |
| Frontend | Vue.js 3, Vue Router 4 |
| Styling | Custom CSS (10,000+ lines) |
| Authentication | JWT Tokens |
| Database | SQLite (portable) / MySQL |
| Media | MP3 Audio, PNG/GIF Images |
- Corporate CSR Programs - Employee engagement & sustainability training
- Educational Institutions - Student eco-curriculum support
- Environmental NGOs - Public awareness campaigns
- Government Initiatives - Earth Day celebrations
- Marketing Campaigns - Brand engagement through gamification
- Complete source code (16,000+ lines)
- Database schema with seed data
- Admin panel fully configured
- User-facing quiz interface
- 33 API endpoints documented
- 10 CSS stylesheets (responsive)
- 5 sound effects
- 67 visual assets
- 9 achievement badges
- 15+ eco-tips database
- Ready for deployment
- Corporations running environmental awareness programs
- Schools teaching sustainability
- NGOs building engagement campaigns
- Government promoting eco-initiatives
- Developers needing white-label quiz solution
Contact me on GitHub for pricing and demo access!
Environment Day Competition - Interactive Environmental Quiz Platform
Copyright 2025 - All Rights Reserved