https://github.com/shubham10divakar/react-dino-game
A fun and interactive Dinosaur game built using React. This library allows you to easily embed the classic "Dino" game, inspired by the offline Chrome dinosaur game, into your React applications. The game features a simple design, jump mechanics, score tracking, and basic collision detection.
https://github.com/shubham10divakar/react-dino-game
dino-game dinosaur-game javascript-game react reactlib
Last synced: 3 months ago
JSON representation
A fun and interactive Dinosaur game built using React. This library allows you to easily embed the classic "Dino" game, inspired by the offline Chrome dinosaur game, into your React applications. The game features a simple design, jump mechanics, score tracking, and basic collision detection.
- Host: GitHub
- URL: https://github.com/shubham10divakar/react-dino-game
- Owner: shubham10divakar
- Created: 2024-08-13T05:39:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-08T07:23:41.000Z (about 1 year ago)
- Last Synced: 2025-03-08T11:11:43.831Z (7 months ago)
- Topics: dino-game, dinosaur-game, javascript-game, react, reactlib
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/react-dino-game
- Size: 6.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://badge.fury.io/js/react-dino-game)
A fun and interactive Dinosaur game built using React. This library allows you to easily embed the classic "Dino" game, inspired by the offline Chrome dinosaur game, into your React applications. The game features a simple design, jump mechanics, score tracking, and basic collision detection.
## Play this game live at:
https://shubham10divakar.github.io/showcasehub/
## NPM
NPM Link - https://www.npmjs.com/package/react-dino-game?activeTab=readme
## Latest Features added in ver 1.0.11
1. Difficulty increases with time
2. Added few background elements -sun, birds
3. More exciting features upcomming
## Features
1. Jump Mechanics: The player controls the dinosaur by jumping over obstacles using the spacebar.
2. Score Tracking: The game tracks the player's score as they avoid obstacles.
3. Collision Detection: The game ends when the dinosaur collides with a cactus.
4. Responsive Design: The game adjusts to different screen sizes and is mobile-friendly. gestures.(In development)
## Installation
Install `react-dino-game` using npm or yarn:
```bash
npm install react-dino-game
```
or bash
```
yarn add react-dino-game
```
## Usage
Here's how to integrate the react-dino-game into your React application:
jsx
```
// App.js
import React from 'react';
import { Dino } from 'react-dino-game';
function App() {
return (
My Dino Game
);
}
export default App;
```
# Props
- will be added soon after advanced mechanisms are implemented.
## Images as per above code output and some work samples
## Contribution
Contributions are welcome! Please submit a pull request or open an issue to suggest improvements or report bugs.
This is still in development hence suggest improvements.
If you want to contribute or modify this library, clone the repository and install dependencies:
```
git clone https://github.com/shubham10divakar/react-dino-game.git
cd react-dino-game
npm install
#You can start the development server with:
npm start
```
## About Me
I am Subham Divakar and I am the developer of multiple python and react libraries.
Check out my worksamples on my portfolio site.
## Connect with Me
LinkedIn: https://www.linkedin.com/in/subham-divakar-a7420a12a/
GitHub: https://github.com/shubham10divakar
Portfolio: https://shubham10divakar.github.io/showcasehub/
## Feedback
Your feedback is important! Please share your thoughts and suggestions.
License
This project is licensed under the MIT License.