Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Vite

Rock Paper Scissors in React

Overview

This project is a simple implementation of the classic Rock Paper Scissors game using React. The application allows users to play the game against the computer, showcasing the power and simplicity of React for building interactive user interfaces.

Advantages of Using React

Component-Based Architecture

React's component-based architecture allows for reusable UI components, making the code more modular and easier to maintain.

Virtual DOM

React uses a virtual DOM to optimize rendering performance. This ensures that only the necessary parts of the DOM are updated, leading to faster and more efficient updates.

State Management

React's state management makes it easy to manage and update the state of the application, leading to a more predictable and bug-free codebase.

Ecosystem and Community

React has a vast ecosystem and a large community, providing a wealth of libraries, tools, and resources to enhance development.

How to Collaborate

Prerequisites

  • Node.js and npm installed
  • Git installed

Getting Started

  1. Fork the Repository: Click the "Fork" button at the top right of the repository page to create a copy of the repository in your GitHub account.
  2. Clone the Repository: Clone the forked repository to your local machine using the following command:
    git clone https://github.com/your-username/rock-scissor-paper-in-react.git
  3. Install Dependencies: Navigate to the project directory and install the required dependencies:
    cd rock-scissor-paper-in-react
    npm install
  4. Run the Application: Start the development server:
    npm run dev

Making Changes

  1. Create a Branch: Create a new branch for your feature or bug fix:
    git checkout -b feature-name
  2. Make Your Changes: Implement your changes in the codebase.
  3. Commit Your Changes: Commit your changes with a descriptive commit message:
    git commit -m "Description of your changes"
  4. Push to GitHub: Push your changes to your forked repository:
    git push origin feature-name
  5. Create a Pull Request: Open a pull request from your forked repository to the original repository. Provide a clear description of your changes and any relevant information.

Code of Conduct

Please adhere to the project's code of conduct when contributing. Be respectful and considerate in your interactions with others.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

We had a peer coding sessions with my colleagues, where we were tasked in collaborating and developing the rock scissor and paper game as we were practicing about useState and useEffect in react

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages