WordPlay-Arena

Project: LexiQuest: Guess & Scramble

Organization: StellarSolutions5

---

Table of Contents

• Overview
• Dataset
• Problem Statement
• Approach
• Built With
• Results
• Future Scope
• How to Run
• Project Structure
• Demo
• Authors

---

Overview

LexiQuest: Guess & Scramble is an interactive, browser-based wordplay arena combining two classic word challenges:

• Word Guessing
• Word Scramble

Built entirely using HTML, CSS, and JavaScript, the games are designed to engage users in vocabulary building, spelling practice, and mental agility through a clean, intuitive interface.

• Play two separate word games in a single project
• Each game has randomized word challenges with hints

---

Dataset

📚 Note: The wordlist dataset is custom-built by the authors.

• Source: Manually curated list by the team
• Type: JSON-like array of objects with word-hint pairs
• Usage: Stored in words.js for both games

Structure Example:

{
  word: "planet",
  hint: "A celestial body orbiting a star"
}

• Vocabulary covers nouns, verbs, and adjectives
• Balanced for both learning and challenge

---

Problem Statement

Educational word games often lack diversity, challenge customization, or smooth UI experiences. Our goal was to create a dual-game platform that:

• Boosts learning and cognitive engagement through playful, meaningful word sets
• Includes two game modes: Guessing and Scramble
• Provides hints to support users
• Is lightweight and accessible on any browser (no logins & no lag)

LexiQuest solves this by delivering:

• Responsive design
• Immediate feedback and scoring
• Play-again functionality and word variety

---

Approach

1. Word Guessing Game

• Player receives a hint and must guess the word within a limited number of tries
• Interface includes:
  • Real-time letter reveal
  • Hint and input box
  • Refresh functionality
• Logic in script.js, word pool in words.js

2. Word Scramble Game

• Players are shown scrambled letters and a clue
• Unscramble within the timer
• Interface includes:
  • Countdown timer
  • Hint and input box
  • Submit/refresh functionality
• Logic in script.js, word pool in words.js

3. Responsive Web Interface

• Built with HTML5, CSS3, and Vanilla JavaScript
• Optimized for instant reloads and replayability

---

Built With

---

Results

User Testing Feedback & Feature Highlights

"Perfect for vocabulary training" – Especially among students aged 12–20

• Fast load time
• Smooth interactions across desktop and browsers

---

Future Scope

• Add difficulty levels (easy / medium / hard)
• Introduce multiplayer mode with real-time competition
• Add leaderboard system
• Include text-to-speech for pronunciation support
• Enable progress tracking and word history for users
• Expand dataset to include multilingual support (e.g., Spanish, French)

---

How to Run

# Clone the repository
git clone https://github.com/StellarSolutions5/WordPlay-Arena.git

# Open any of the two games in your browser

# For Word Guessing Game
cd WordPlay-Arena/word-guessing-game
open index.html

# For Word Scramble Game
cd WordPlay-Arena/word-scramble-game
open index.html

💡 Alternatively, just double-click index.html in either game folder.

---

Project Structure

WordPlay-Arena/
├── assets/
│   ├── word-guessing-game.gif
│   └── word-scramble-game.gif
├── word-guessing-game/
│   ├── index.html
│   ├── style.css
│   └── js/
│       ├── script.js
│       └── words.js
├── word-scramble-game/
│   ├── index.html
│   ├── style.css
│   └── js/
│       ├── script.js
│       └── words.js
└── README.md

---

Demo

🎮 Live Preview - Word Guessing Game

🎮 Live Preview - Word Scramble Game

---

Authors

• Zainab Khan
• Mayuri Lakhotia
• Anuja Vaidya
• Parul Nakhate
• Sakshi Kubitkar

---

For suggestions, improvements, or collaboration, feel free to connect!