GloboWord

A modern and interactive word game

About the Project

The GloboWord is an engaging and educational online word game, inspired by the popular Wordle, but with a unique twist: players must guess country names in up to 6 attempts. Developed with a focus on usability, accessibility, and customization, GloboWord is a lightweight and responsive web application, perfect for casual gamers and enthusiasts of logic and geography games. Below, you'll find a detailed overview of the project and its features.

What is GloboWord?

GloboWord is a guessing game where the goal is to identify a country name (with 4 to 6 letters) within 6 tries. With each guess, the game provides visual feedback:

  • Green: Correct letter in the correct position
  • Yellow: Correct letter, but in the wrong position
  • Red: Letter not in the word

Country names are sourced via API (REST Countries), ensuring an up-to-date and international database. The game supports multiple languages (Portuguese, English, Spanish, French, German, and Italian), allowing players from different regions to play in their native language.

1. Intuitive Gameplay:

  • Simple and user-friendly interface, featuring a game grid and a virtual keyboard
  • Immediate visual feedback for each guess, with smooth animations (flip and pulse)
  • Support for words of 4, 5, or 6 letters, dynamically adjusting the game grid

2. Multilingual Support:

  • Supports 6 languages, with automatic translations via i18next
  • Country names adapted to the selected language, using the REST Countries API

3. Customization and Accessibility:

  • CSS with comments for easy color customization (background, keys, cells, etc.)
  • Responsive design, with adjustments for mobile, tablet, and desktop screens
  • Keyboard fixed at the bottom on tablets and desktops for better usability
  • Larger keys on tablets to facilitate touch interaction
  • Optimized layout for smaller screens, ensuring a seamless experience

4. Data Persistence:

  • Local storage (localStorage) for statistics (wins, losses, win streak) and previously used countries
  • Prevents country repetition until all have been used, automatically resetting the list

5. Education and Fun:

  • Combines entertainment with learning, encouraging players to explore geography and country names
  • Suitable for players of all ages, from children to adults

Technologies Used:

  • HTML5, CSS3, and JavaScript (ES6+): Lightweight structure, with no heavy framework dependencies
  • REST Countries API: To fetch country names in various languages
  • i18next: Library for internationalization and multilingual support
  • LocalStorage: For data persistence in the browser
  • Responsive Design: Media queries to adapt the layout to different devices

Key Features

  • Responsive design that works on all devices
  • Multiple difficulty levels
  • Score tracking system
  • Beautiful animations and transitions
  • Easy to integrate into any website
GloboWord Main Screen

Main Game Screen

GloboWord Gameplay

Gameplay Example

GloboWord Game Over Screen

Game Over Screen

Technologies Used

HTML5 CSS3 JavaScript