https://github.com/amruthlp12/rock-paper-scissors
A fun and interactive Rock-Paper-Scissors game built using Next.js 13 (App Router), TypeScript, and Tailwind CSS. Test your luck against the computer and see who wins! 🚀
https://github.com/amruthlp12/rock-paper-scissors
ai nextjs shadcn-ui tailwindcss v0dev vercel
Last synced: 26 days ago
JSON representation
A fun and interactive Rock-Paper-Scissors game built using Next.js 13 (App Router), TypeScript, and Tailwind CSS. Test your luck against the computer and see who wins! 🚀
- Host: GitHub
- URL: https://github.com/amruthlp12/rock-paper-scissors
- Owner: AmruthLP12
- License: mit
- Created: 2024-12-02T06:16:41.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-12-24T08:34:45.000Z (5 months ago)
- Last Synced: 2025-12-25T22:10:44.345Z (5 months ago)
- Topics: ai, nextjs, shadcn-ui, tailwindcss, v0dev, vercel
- Language: TypeScript
- Homepage: https://shadcn-rock-paper-scissors.vercel.app/
- Size: 250 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🪨 Rock Paper Scissors Game 🎮
A fun and interactive Rock-Paper-Scissors game built using Next.js 13 (App Router), TypeScript, and Tailwind CSS. Test your luck against the computer and see who wins! 🚀
# 🛠️ Tech Stack
* Next.js 13 (App Router)
* React
* TypeScript
* Tailwind CSS
* ShadCN/UI Components
* Lucide Icons
# 🚀 Features
* Real-Time Gameplay: Make your move and see immediate results.
* Dynamic Scoreboard: Tracks wins, losses, and ties.
* Responsive UI: Built with Tailwind CSS for a seamless experience across devices.
* Clean & Minimal Design: Powered by ShadCN and Lucide Icons for a sleek interface.
# 🏁 Getting Started
Follow these steps to get the project up and running locally:
1. Clone the Repository
```bash
git clone https://github.com/AmruthLP12/rock-paper-scissors.git
cd rock-paper-scissors
```
2. Install Dependencies
```bash
npm install
```
3. Run the Development Server
```bash
npm run dev
```
Open your browser and navigate to http://localhost:3000 to play the game!
📁 Project Structure
```arduino
📦 rock-paper-scissors-game
├── 📂 app
│ ├── 📂 components
│ │ └── ui
│ │ └── card.tsx
│ └── 📄 page.tsx
├── 📂 public
├── 📂 styles
│ └── globals.css
├── 📄 next.config.mjs
└── 📄 tsconfig.json
```
# 🎨 UI Components
* Card Component: Customizable card layout using ShadCN UI.
* Icons: Handled using Lucide Icons for rock, paper, and scissors representations.
# 📝 How to Play
1. Choose your move by clicking one of the three buttons: Rock, Paper, or Scissors.
2. The computer will randomly select its move.
3. The game will display the winner and update the scoreboard.
# 🤝 Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements or new features.
# 📜 License
This project is licensed under the MIT License. See the LICENSE file for more details.
# 🌟 Acknowledgments
Next.js for the powerful framework.
Tailwind CSS for the flexible styling.
Lucide Icons for the clean and sharp icons.
# 💬 Feedback
Feel free to reach out via LinkedIn or open an issue if you have any suggestions or questions!