Welcome to the Rock-Paper-Scissors Game repository! This project is a modern implementation of the classic hand game, combining an elegant design with advanced programming concepts, showcasing the SOLID principles and object-oriented programming.
The Rock-Paper-Scissors Game is a creative and engaging project designed to deepen my understanding of fundamental programming and design concepts. Inspired by The Odin Project, this project reflects my originality and vision, featuring:
- An independently imagined game flow, design, and UI/UX.
- Implementation of SOLID principles and modular JavaScript.
- A fully responsive and interactive interface built with custom CSS.
- Interactive Gameplay: Users can choose between Rock, Paper, or Scissors, with live feedback on the results.
- Dynamic Feedback: Displays the winner of each round and updates the user interface accordingly.
- Responsive Design: Adapts seamlessly to various screen sizes, ensuring a smooth experience across devices.
- Reset Functionality: A reset button allows users to restart the game effortlessly.
This project uses a cohesive and modern color scheme to enhance the user experience:
- Primary Background:
#222831(Dark Charcoal) - Game Pad Background:
#31363F(Slate Gray) - Text Color:
#EEEEEE(Off-White) - Accent Color:
#76ABAE(Soft Cyan for buttons and highlights) - Shadow Color:
#EEEEEE(Light Gray for depth and emphasis)
- HTML: Structured the page layout and semantic elements.
- CSS: Styled with a responsive and minimalist design for modern aesthetics.
- JavaScript (ES6): Applied dynamic functionality, game logic, and event handling.
- SOLID Principles: Integrated principles for scalable and maintainable code.
- Object-Oriented Programming: Used classes and encapsulation to manage game logic efficiently.
- DOM Manipulation: Updated the UI dynamically based on user actions.
This project was an excellent opportunity to:
- Apply SOLID principles and enhance my understanding of their real-world usage.
- Implement OOP concepts like classes, methods, and encapsulation.
- Practice DOM manipulation for creating interactive web applications.
- Deepen my skills in responsive design and creating visually appealing layouts.
- Gain experience in designing and implementing a project from scratch.
- Inspiration: Project concept derived from The Odin Project.
- Design & Development: Entirely envisioned, designed, and developed by me, including the UI/UX and game logic.
- Icons: Custom assets like Rock, Paper, and Scissors icons designed to match the aesthetic of the game.
This project showcases my growing expertise in web development, focusing on writing clean, scalable code while maintaining a high standard of originality and design. Feedback and suggestions are always welcome to help me improve!