• 📖 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

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.

• 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

• Overview Page
• Rules Dialog
• Result Display Section

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

• Live Demo Link

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

In order to run this project you need:

Clone this repository to your desired folder:

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

Install this project with:

Example command:

  cd my-project
  npm install

To run the project, execute the following command:

  npm run start

To run tests, run the following command:

You can deploy this project using:

(back to top)

👤 Stephen Addae

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

• Profile Page
• Registration Page

Contributions, issues, and feature requests are welcome!

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

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

This project is MIT licensed.

(back to top)