Puzzle Project Overview 🧩

Live version

NYI

Introduction 🌟

This project is an interactive mini-game aimed at enhancing English language skills. Players assemble sentences from jumbled words, inspired by Lingualeo's Phrase Constructor training. The game integrates various levels of difficulty, hint options, and a unique puzzle-like experience with artwork.

Prototype 🚀

Inspiration: Lingualeo's Phrase Constructor training.
Testing: Available at Lingualeo after registration and adding sentences from recommended phrasebooks.

Application Structure 🏗️

Core Components

User Name Entry: Personalized access with name storage in local storage 📝.
Global Toolbar: Includes logout functionality 🔙.
Start Screen: Welcomes users with game information and a 'Start' button 🌐.
Main Game Page: Features gameplay area with word cards, hint options, sentence assembly, and round progression ⚙️🔊✍️📋.
Statistics Page: Displays round performance, sentence categorization, audio pronunciation, and artwork information 🖼️.

Functional Blocks 🧱

User Interaction

Level and Round Selection: Choose from six difficulty levels and various rounds 🎚️.
Sentence Assembly: Drag-and-drop functionality for forming sentences 👆.
Hint Options: Includes translation, pronunciation, and puzzle image hints 💡.
Statistics and Progress Tracking: Review performance and artwork on the statistics page 📊.

Gameplay Mechanics

Artwork Puzzle: Assemble sentences to reveal parts of an artwork puzzle 🧩.
Interactive Hints: Toggle hints for enhanced gameplay experience 🔄.
Progressive Difficulty: Gradual increase in challenge across levels 📈.

Gameplay Workflow 🎮

Name Entry: Required for game access 🚪.
Start Screen: Introduction and transition to gameplay 🌐.
Round Playthrough: Engage in sentence assembly, utilize hints, and progress through rounds 🔁.
Results and Reflection: Review round statistics and artwork achievements 📈📉.