stephen-adom/rock-paper-scissor-lizard-spock-game

The app allows users to play the classic rock, paper, scissors game with the added twist of Spock and Lizard. Built using the React library, Tailwind CSS, PrimeReact, and TypeScript.

Rock, Paper, Scissors Game

📗 Table of Contents

• 📖 About the Project
  • Screenshot
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Project Overview

The rock, paper, scissors, spock game project is a web-based game that provides an interactive experience for users. Built using the React library, Tailwind CSS, PrimeReact, and TypeScript, the project offers a highly responsive and modern user interface. The game allows users to play the classic rock, paper, scissors game with the added twist of Spock and Lizard. Users play against the computer, check the rules of the game and also keeps track of scores for each player. The project also includes animation effects to enhance the gaming experience, making it a fun and engaging activity for users of all ages.

Screenshot

🛠 Built With

Tech Stack

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Typescript
• React - JS library
• Tailwind - React CSS Styles and Responsives
• PrimeReact - For UI Component

Key Features

• Overview Page
• Rules Dialog
• Result Display Section

🚀 Live Demo

Here is a link to my project. You can view to show the output so far.

• Live Demo Link

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone [email protected]/Stephen-Adom/rock-paper-scissor-lizard-spock-game.git

Install

Install this project with:

Example command:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm run start

Run tests

To run tests, run the following command:

Deployment

You can deploy this project using:

(back to top)

👥 Authors

👤 Stephen Addae

• GitHub: @Stephen-Adom
• Twitter: @stephen_alaska
• LinkedIn: Stephen Addae

🔭 Future Features

• Profile Page
• Registration Page

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project, please provide suggestions to help improve this project

🙏 Acknowledgments

I would like to thank CSS-tricks for guidance and knowledge on flexbox

I would also like to thank Frontend Mentor for providing the project for me to work on

📝 License

This project is MIT licensed.

(back to top)