A dynamic, reflex-based game built with React.js, designed to challenge players' coordination and reaction skills. Control the paddle using arrow keys or mouse to keep the ball in play and aim for a new high score.
- In Development: Actively building and refining features.
- Live Deployment: Planned for Netlify (link to be provided upon release).
- Real-Time Physics: Smooth ball and paddle interactions.
- Dual Controls: Navigate using arrow keys or mouse input.
- Score Tracking: Monitor current score and personal best.
- Responsive Design: Optimized for desktop and mobile devices.
- Game Over & Restart: Seamless retry functionality.
| Technology | Purpose |
|---|---|
| React.js | Core frontend framework |
| JavaScript | Game logic and interactivity |
| HTML5/CSS3 | Structure and styling |
| Vite / CRA | Build tool for React |
| Netlify | Deployment platform (upcoming) |
Run the project locally with the following steps:
- Node.js: Version 16 or higher
- Package Manager: npm or yarn
# Clone the repository
git clone https://github.com/suragms/Bounce-Game.git
# Navigate to the project directory
cd Bounce-Game
# Install dependencies
npm install
# Start the development server
npm start- Access the game at:
http://localhost:3000
Bounce-Game/
├── public/ # Static assets
├── src/ # Source code
│ ├── components/ # React components
│ ├── assets/ # Images, sounds, etc.
│ └── App.js # Main application component
├── .gitignore # Git ignore file
├── README.md # Project documentation
├── package.json # Project metadata and dependencies
└── vite.config.js # Vite configuration (or CRA equivalent)
- Click Start to begin the game.
- Use ← / → arrow keys or mouse to move the paddle.
- Prevent the ball from falling below the paddle.
- Track your score and aim to surpass your high score.
- Click Restart to replay after a game over.
- Online Leaderboard: Compete globally with other players.
- Sound Effects & Music: Enhance the gaming experience.
- Custom Themes: Personalize the game’s appearance.
- Difficulty Levels: Adjust challenge intensity.
- Save Game State: Persist progress across sessions.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature/your-feature-name
- Commit your changes:
git commit -m "Implement your feature name" - Push to your branch:
git push origin feature/your-feature-name
- Open a Pull Request on GitHub.
The game will be deployed on Netlify for public access. Deployment details will be updated upon release.
Developed by Surag, Founder of Surag Dev Studio.
- Linktree: linktr.ee/suragdevstudio
- LinkedIn: linkedin.com/in/suragsunil
- GitHub: github.com/suragms
- Instagram: instagram.com/surag_sunil
- Email: officialsurag@gmail.com
- Location: Kerala, India
Open to: Internships, freelance projects, collaborations, and tech discussions.
Contact via: Instagram or LinkedIn DM.
© 2025 Bounce Game by Surag Dev Studio. All Rights Reserved.