RiddleX Tailwind Templates

Riddlex

A web-based riddle and puzzle game that offers multi-language support (English, Hindi, Hinglish). Users can progress through easy to hard levels, with hints and interactive features, designed using React and Tailwind CSS for a modern and engaging experience.

RiddleX: A Multi-Language Riddle Game

RiddleX is an interactive, web-based riddle and puzzle game that challenges players' logical and creative thinking. Users can view riddles in multiple languages (English, Hindi, and Hinglish) and answer in any language of their choice. The game starts with easy riddles and progressively increases in difficulty, providing a fun and engaging experience for users of all ages.

Features

  • Multi-language Support: View riddles in English, Hindi, or Hinglish and answer in any language.
  • Progressive Difficulty: The game starts with easy riddles and gradually increases in difficulty to keep users engaged.
  • Hint System: If users get stuck, they can use hints to get closer to the solution.
  • Dark and Light Theme: The game includes a modern dark/light theme toggle, providing a visually appealing experience for all users.
  • Interactive UI: Smooth, responsive design with interactive elements like buttons, text boxes, and score tracking.

Technologies Used

  • Frontend:

    • React: For building the interactive user interface.
    • Tailwind CSS: For styling with custom dark and light themes.
    • React Router: For navigation between different sections of the game.
  • Backend:

    • MERN Stack (MongoDB, Express.js, React, Node.js): To store user data, game scores, and riddles.
    • APIs: Custom RESTful APIs for handling riddles, game progress, and hints.
  • Database:

    • MongoDB: For storing user progress, riddles, and game-related data.

Prerequisites

  • Node.js
  • npm or yarn

Top categories

Loading Svelte Themes