https://github.com/mahiarirani/mastermind

mastermind game powered by AlpineJs
https://github.com/mahiarirani/mastermind

alpinejs arcade-game game mastermind mastermind-game tailwindcss

Last synced: 2 months ago
JSON representation

mastermind game powered by AlpineJs

• Host: GitHub
• URL: https://github.com/mahiarirani/mastermind
• Owner: mahiarirani
• Created: 2023-10-30T20:00:23.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-30T21:24:01.000Z (over 1 year ago)
• Last Synced: 2025-01-13T18:49:25.843Z (4 months ago)
• Topics: alpinejs, arcade-game, game, mastermind, mastermind-game, tailwindcss
• Language: HTML
• Homepage: https://mahiarirani.github.io/mastermind/
• Size: 44.9 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mastermind Game

![AlpineJs](https://img.shields.io/badge/Alpine%20JS-8BC0D0?style=for-the-badge&logo=alpinedotjs&logoColor=black)

![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![Tailwinds](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

## Overview

Welcome to the Alpine.js and Tailwind CSS-powered Mastermind game! Challenge yourself and showcase your front-end coding skills in this classic code-breaking game.

## Demo

Check out the live demo of the Mastermind game [here](https://mahiarirani.github.io/mastermind/). Enjoy playing!

## How to Play

1. Start Guessing: Begin the game by selecting colors.

2. Feedback: Receive feedback on your guess and refine your strategy.

3. Keep Guessing: Continue making guesses to crack the code.

## Getting Started

To get started with the Mastermind game, follow these steps:

Clone the repository to your local machine:

```bash

git clone https://github.com/mahiarirani/mastermind.git

```

Navigate to the project directory:

```bash

cd mastermind-game

```

Install the project dependencies:

```bash

npm install

```

Build the project:

```bash

npm run build

```

Open the `index.html` file in your preferred web browser to start playing the game.

**Alternatively**, if you want to start a live development server with hot-reloading, you can use the following command:

```bash

npm run dev

```