https://github.com/aashrafh/invasion

👽 Earth invasion game built using React, Redux, and SVG
https://github.com/aashrafh/invasion

alien css-animations games invasion javascript js learning-by-doing nodejs proof-of-concept prop-types react reactjs redux shooter-game shooting-game space-invaders styled-components svg

Last synced: 22 days ago
JSON representation

👽 Earth invasion game built using React, Redux, and SVG

• Host: GitHub
• URL: https://github.com/aashrafh/invasion
• Owner: aashrafh
• License: mit
• Created: 2020-06-18T18:16:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T09:24:44.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T19:59:59.305Z (about 1 month ago)
• Topics: alien, css-animations, games, invasion, javascript, js, learning-by-doing, nodejs, proof-of-concept, prop-types, react, reactjs, redux, shooter-game, shooting-game, space-invaders, styled-components, svg
• Language: JavaScript
• Homepage: https://aashrafh.github.io/Invasion
• Size: 3.97 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

 



 👽 Earth invasion game built using React, Redux, and SVG. Try It!

    
 





  

        

  

   

        

  

  

        

        

  

        

        

  

        



---

## 📝 Table of Contents

- [About](#about)

- [Demo](#demo)

- [Install](#Install)

- [How To Play](#play)

- [Technology](#tech)

## 🧐 About 

👽 Earth invasion game built using React, Redux, and SVG. You can try it [here](https://aashrafh.github.io/Invasion/).

## 🎥 Demo 



  


  

    

    

  

  


## 🏁 Install 

1. Install [Node.js](https://nodejs.org/en/) and [Visual Studio Code](https://code.visualstudio.com/).

2. Open the folder in Visual Studio Code.

3. Open a terminal (Terminal > New Terminal).

4. Run `yarn` . If it failed for any reason, try again.

5. Run `yarn start` .

**Note:** you can use npm. Then replace `yarn` with `npm install` and `yarn start` with `npm start`.

## 💭 How To Play 

1. Click on ```Tap To Protect The Earth!```

2. Use the mouse to point at a flying saucer.

3. Click to shoot it.

## ⛏️ Built Using 

- [React](https://reactjs.org/)

- [Redux](https://redux.js.org/)

- [SVG](https://developer.mozilla.org/en/docs/Web/SVG)

- [Styled Components](https://www.styled-components.com/)

- [PropTypes](https://github.com/facebook/prop-types)