Skip to content

Instantly share code, notes, and snippets.

@lotharschulz
Created July 6, 2025 09:04
Show Gist options
  • Select an option

  • Save lotharschulz/8cde1627deb8434d3944d6403f2439b6 to your computer and use it in GitHub Desktop.

Select an option

Save lotharschulz/8cde1627deb8434d3944d6403f2439b6 to your computer and use it in GitHub Desktop.

Create a mobile-friendly, secure quiz app about weird animals with these specific requirements:

Content & Structure:

  • 9 questions total: 3 easy, 3 medium, 3 hard (clearly labeled difficulty)
  • Each question includes relevant animal emojis and high-quality descriptions
  • Focus on bizarre behaviors, unique adaptations, and shocking animal facts that would fascinate nature documentary fans
  • Target curious teenagers (ages 13-17) with engaging, discovery-focused content

Timing & Flow:

  • 30-second countdown timer per question (pause timer when showing results)
  • After each answer: show correct/incorrect feedback + detailed fun fact
  • Include a mandatory “Next Question” button (no auto-advance)
  • Allow 15-25 seconds minimum for users to read explanations comfortably
  • Progress indicator showing current question and difficulty level

Interactive Features:

  • One-time hint system per question (reveals one wrong answer or gives a clue)
  • Visual feedback for correct/wrong answers with smooth animations
  • Final score breakdown by difficulty level
  • Option to retry specific difficulty levels

Design & UX:

  • Nature-inspired UI: earthy color palette (forest greens, ocean blues, sunset oranges)
  • Organic shapes and flowing transitions between screens
  • Mobile-first responsive design optimized for thumb navigation
  • Accessibility features: good contrast ratios and readable fonts
  • appealing design suitable for curious teenagers who love nature documentaries

Technical Details:

  • Smooth animations between question transitions
  • Touch-friendly button sizes (minimum 44px)
  • Loading states and error handling
  • Local storage for progress saving
  • The app should include a start screen and a results screen with a “Play Again” option.

Security:

  • Avoid slopsquatting – NEVER install packages with typos or similar names to popular packages
  • Only use well-established, verified packages from official repositories
  • Always verify package names exactly match official documentation
  • Check package download counts (>1M weekly downloads preferred)
  • Verify package maintainers and GitHub repositories before use
  • Implement rate limiting for API calls
  • Use parameterized queries for any database operations
  • Sanitize column names and data before processing
  • Prevent code injection through data manipulation
  • Implement proper error handling without exposing internals
  • Implement proper CORS policies
  • Validate all user inputs on both client and server
  • Use HTTPS for all communications
  • Store data in memory only (no localStorage/sessionStorage)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment