Halloween Games - Spooky Game Suggester

A web app for Skibens chat to suggest spooky games for Halloween streaming

Next.jsReactTypeScriptTailwind CSSNextAuth.jsSupabaseSteam APIVercel
Halloween Games - Spooky game suggestion platform for streamers

Halloween Games - Spooky game suggestion platform for streamers

Overview

Halloween Games is an interactive web application built for streamer Skibens' chat community to suggest spooky games for Halloween streaming sessions. The platform enables viewers to submit and vote on horror games, creating an engaging community-driven experience. Built with Next.js, TypeScript, and Tailwind CSS, the application features Twitch OAuth authentication for secure user access. The platform integrates with Supabase for database management and the Steam API for comprehensive game search functionality. The smart search system includes typo tolerance, acronym matching, and fuzzy matching algorithms to help users find the perfect spooky game. Key features include game suggestion submission with smart Steam search integration, voting system allowing users to upvote their favorite spooky games, Twitch authentication for secure user management, admin panel for content moderation, and real-time vote counting and game rankings. The platform demonstrates modern full-stack development with authentication, database management, and third-party API integration. The application showcases expertise in NextAuth.js for authentication, Supabase for database operations, Steam API integration for game data, and responsive design with Tailwind CSS for optimal user experience across all devices.
Project Reflection

Insights & Learnings

Strengths

  • Successfully implemented Twitch OAuth authentication with NextAuth.js for secure user access
  • Created an intuitive voting system with real-time updates and user-friendly interface
  • Integrated smart Steam API search with typo tolerance and fuzzy matching algorithms
  • Built comprehensive admin panel for content moderation and community management

Improvements

  • Enhanced search algorithm with better ranking and relevance scoring
  • Improved user experience with better game discovery and filtering options
  • Added comprehensive analytics dashboard for streamer insights
  • Optimized database queries for better performance with large datasets

Learnings

  • Mastered NextAuth.js configuration for OAuth providers like Twitch
  • Learned advanced Supabase patterns for real-time data and RLS policies
  • Gained experience with third-party API integration and rate limiting strategies
  • Developed skills in building community-driven features with voting and moderation systems
Haywood | Creative Developer