Live Link:

• https://dexcoder9.github.io/alphabet-clash-game

Overview

Welcome to Typing Master, an engaging web-based typing game designed to enhance your typing skills while providing loads of fun! Built using HTML, CSS, and JavaScript, this game challenges your speed and accuracy as you type the displayed keywords. Here's how it works:

• Gameplay Mechanics: As keywords appear on the screen, your task is to type them correctly and quickly. For every correct entry, you score points. However, beware—mistakes are costly!

• Lives System: You start the game with three lives. Each incorrect keystroke results in the loss of one life. Once all lives are lost, the game is over.

• Scoring: The more accurately and swiftly you type, the higher your score. Challenge yourself to beat your previous records and climb the leaderboard!

NPM Packages:

• AOS Package
• Animate.css
• Swiper slider

🔍 Features

• Toast or Sweet Alert notifications provide feedback on successful login/register actions or errors in password validation.

• Estates are categorized and displayed with relevant information such as images, titles, descriptions, prices, and available facilities.

• Users can log in using email and password or through social media platforms like Google, GitHub, Facebook, or Twitter.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/deXcoder9/alphabet-clash-game.git
cd alphabet-clash-game

Installation

Install "tailwindcss' via npm, and create your 'tailwind.config.js' file.

npm install -D tailwindcss
npx tailwindcss init

Add the paths to all of your template files in your "tailwind.config.js" file.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Add the @tailwind directives for each of Tailwind’s layers to your main CSS file.

@tailwind base;
@tailwind components;
@tailwind utilities;

Running the Project

• use (vs code extension) live server to open

📍 Conclusion

Typing Master is more than just a game; it's a tool to boost your typing skills while having a great time. Whether you're a beginner looking to improve or an experienced typist aiming for perfection, Typing Master offers a fun and effective way to enhance your typing abilities. Get ready to type your way to the top!