The VibeCode Community Showcase highlights projects shared by makers across multiple Reddit communities including r/vibecoding, r/SideProject, r/InternetIsBeautiful, r/coolgithubprojects, and r/IMadeThis. It provides a fast, secure way to discover fresh tools, websites, and experiments built by the maker community.
🤖 Development Tools
Vibecoded with:
- VS Code - Primary code editor
- GitHub Copilot - AI pair programming assistant
- Claude 4 Sonnet - AI architecture and code review
🏗️ Technology Stack
Backend Infrastructure:
- Node.js v20+ with Express v5.1 - High-performance REST API server
- MySQL 9.4 - Relational database for persistent storage (projects, ratings, visits, analytics)
- Redis 7 - In-memory caching for real-time counters and session management
- Socket.IO v4.8 with Redis Adapter - WebSocket connections for live updates across multiple servers
Frontend Technologies:
- Vanilla JavaScript - No framework dependencies, pure performance
- Canvas Fingerprinting - Browser-based device identification for fraud prevention
- LocalStorage + Database Sync - Hybrid storage for visit tracking that persists across cache clears
- Progressive Web App (PWA) - Offline support with service worker caching
- Responsive CSS Grid & Flexbox - Mobile-first, adaptive layout
Infrastructure & DevOps:
- Docker & Docker Compose - Containerized deployment for consistency
- Traefik v3.5 - Reverse proxy with automatic HTTPS via Let's Encrypt
- Nginx Alpine - Static file serving with security headers and bot blocking
- Winston Logger - Centralized logging with file rotation
- Nodemon - Hot reload during development
Security & Anti-Fraud:
- SHA-256 Hashing - IP addresses and user agents stored as irreversible hashes
- Device Fingerprinting - Multi-factor browser identification (canvas, fonts, screen, timezone)
- Express Rate Limiting - Prevents spam and abuse (1000 requests/min per IP)
- Helmet.js - Security headers (CSP, XSS protection, HSTS)
- CORS - Cross-origin request filtering
- Joi Validation - Input sanitization and validation
Automated Background Jobs:
- Reddit API Sync (Every 15 min) - Fetches new posts from 5 subreddits (r/vibecoding, r/SideProject, r/InternetIsBeautiful, r/coolgithubprojects, r/IMadeThis), extracts HTTP/HTTPS URLs, identifies git repositories vs websites
- Smart Title Extraction - 9-strategy algorithm analyzes URL paths, GitHub repo names, markdown links, bullet lists, and contextual patterns
- URL Normalization - Prevents HTTP/HTTPS duplicates, handles trailing slashes and www variations
- Library Filtering - Excludes npm packages, socket.io docs, and non-project URLs
- Deduplication Engine - Prevents duplicate entries while tracking original authors
Real-Time Features:
- Live User Count - WebSocket connections with auto-sync and drift detection
- Instant Rating Updates - All clients see new ratings within milliseconds via Socket.IO broadcast
- Visit Tracking - Client-side UI updates immediately, database sync happens async
- Project Notifications - Real-time alerts when new projects are added
Data Analytics:
- Unique Visit Tracking - Fingerprint-based daily unique visitor counting
- Project Visit History - Per-user tracking of which projects they've clicked
- Rating Aggregation - Weighted scoring with fraud detection (detects rapid switching, extreme patterns)
- Active User Monitoring - Redis counters with periodic database sync
🔄 How It Works
1. Automated Reddit Sync: Every 15 minutes, a background job queries the Reddit API for new posts from 5 subreddits (r/vibecoding, r/SideProject, r/InternetIsBeautiful, r/coolgithubprojects, r/IMadeThis). URLs are extracted from post bodies and comments, normalized to prevent duplicates, and filtered to exclude libraries/docs.
2. Smart Enrichment: The system analyzes each URL to determine if it's a GitHub repository or a website, tracks which subreddit it came from, extracts meaningful project titles using context analysis, and creates concise descriptions.
3. Fraud-Resistant Voting: When you rate a project, the system captures your device fingerprint (canvas rendering, fonts, timezone, screen resolution), hashes your IP address with SHA-256, and stores these in MySQL. Duplicate votes from the same device update the existing rating instead of creating new entries. Suspicious patterns (5+ votes in 5 minutes, rapid switching) are flagged.
4. Real-Time Sync: Socket.IO broadcasts rating changes to all connected clients instantly. Redis tracks active users across multiple server instances, syncing with MySQL every 5 minutes for accuracy.
5. Visit Tracking: When you click a project link, it's marked in localStorage for instant UI updates (checkmark icon, purple link color). The visit is also sent to the MySQL database with your device fingerprint. Even if you clear your browser cache, your visit history is restored from the database on next page load.
🚀 Performance & Reliability
- Sub-50ms API Response - Database queries optimized with indexes
- Redis Caching - Hot data cached in memory for instant access
- Health Checks - Docker monitors API health every 30 seconds with auto-restart
- HTTPS Everywhere - Traefik auto-renews SSL certificates
- Self-Healing - Active user counts auto-sync on startup to fix drift
Building something new? Share it on any of our tracked subreddits: r/vibecoding, r/SideProject, r/InternetIsBeautiful, r/coolgithubprojects, or r/IMadeThis and it will appear here automatically after the next sync (within 15 minutes).