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:

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 (
    <div>
      <h1>My Dino Game</h1>
      <Dino />
    </div>
  );
}

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.