Angular Fruit Matching Game

The Angular Fruit Matching Game is a simple game component that can be easily integrated into any Angular project. It allows players to match fruit images by shuffling them, while avoiding bombs.

Installation

To install the Angular Fruit Matching Game component, use the following command:

npm install fruit-game


USAGE

1. Import the GamePageModule into your Angular module (e.g., app.module.ts):

#module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { GamePageModule } from 'fruit-game';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, GamePageModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}


2. Use the below element in your template to display the game component:
#app-component.html

<app-fruit-game></app-fruit-game>

3. Run your Angular application using ng serve and access the game component in your browser.


Gameplay

Click the "Start" button to start the game and shuffle the fruit images.
If you match 3 identical fruit images, you win!
If you got the bomb image in atleast one, you lose.
If you don't match 3 identical fruit images, try again.


Note:

This is a simple game component designed for entertainment purposes. It's meant to demonstrate a basic example of a matching game in Angular.