https://github.com/codelikeagirl29/word-scramble

Disney characters Word Scramble game! 🎮
https://github.com/codelikeagirl29/word-scramble

css-styling fun github-pages html interactive-js-game javascript

Last synced: 23 days ago
JSON representation

Disney characters Word Scramble game! 🎮

• Host: GitHub
• URL: https://github.com/codelikeagirl29/word-scramble
• Owner: CodeLikeAGirl29
• Created: 2024-09-20T11:08:06.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-01-13T21:03:50.000Z (about 1 month ago)
• Last Synced: 2025-01-13T21:35:22.253Z (about 1 month ago)
• Topics: css-styling, fun, github-pages, html, interactive-js-game, javascript
• Language: JavaScript
• Homepage: https://codelikeagirl29.github.io/word-scramble/
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Word Scramble

This project is a demonstration of my design and front-end development capabilities. It features a Word Scramble game built using **HTML**, **CSS**, and **Vanilla JavaScript**. Users are presented with a scrambled word and must guess the correct word by entering letters into the provided input fields. The game tracks the number of tries and mistakes, and users can reset or generate new words to play again. 

The design emphasizes simplicity, responsiveness, and user-friendly interactivity, ensuring an enjoyable experience across devices.

> This project was part of [devchallenges](https://devchallenges.io) JavaScript Developer Challenges!

[![CodeFactor](https://www.codefactor.io/repository/github/codelikeagirl29/word-scramble/badge)](https://www.codefactor.io/repository/github/codelikeagirl29/word-scramble)

---

## Features

- Random word generation from a predefined list of Disney characters.

- Dynamic scrambled word display.

- Input validation and error handling.

- Tracking of tries and mistakes.

- Reset functionality for a new game experience.

- Responsive design for mobile and desktop compatibility.

---

## Technologies Used

- **HTML5**: Markup structure for the application.

- **CSS3**: Styling and layout, including responsive design.

- **JavaScript (ES6)**: Game logic and interactivity.

---

## Screenshot

![Word Scramble Screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1726885349/Word-Scrambler_qg12a5.png)

---

## Installation and Setup

To run the Word Scramble game locally, follow these steps:

1. Clone this repository:

   ```bash

   git clone https://github.com/your-username/word-scramble.git