✨ Star Wars Minigame ✨

Motivation

This Star Wars Minigame was made to showcase my React JS and problem solving skills.

Technologies Used

• React JS & ES6
  • Lifecycle Methods
  • Functional & Memoized Functional Components
  • Functional Component State Hooks
  • Higher Order Functions
• SCSS
• ES6
• Jest
• Self Made SVG's in Adobe Illustrator
• Animated SVGs

🔥 2 Game Types 🔥

Original Mode

In this game mode the game starts when the 'Start Game' button is clicked on the game menu. R2-D2 and Obi Wan Kenobi are both randomly placed on the game board.

You have the option rotate left and right and also move. You control the X in move(x) by changing the number of spaces R2-D2 is to move on the left hand side of the game control panel.

The location and position of both R2-D2 are shown by default on the right hand side of the game board and can be toggled on and off by clicking the radar icon.

Force Mode 🙌

This game is an extension and slight modification of the original mode game-type. In this version of the game R2-D2 can look and move in any direction.

You may also control the movement of R2-D2 with the arrow keys on your keyboard.

Running Locally

1. Run npm install in root of the project.
   
2. Start simply with npm start.
   
3. The app will be accessible by default on port 3000 at http://localhost:3000.
   

Tests

There have been a total of 5 tests written for this project. You can run this using the npm test command.

Available Scripts

In the project directory, you can run:

npm install Installs all the required packages described by the package.json to the node_modules folder. Must be when the repo is first pulled.

npm start Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
You will also see any lint errors in the console.

npm test Launches the test runner in the interactive watch mode.
See the section about running tests for more information.