https://github.com/chrisssf/react_RolePlayingGame
turn based RPG made in react
https://github.com/chrisssf/react_RolePlayingGame
firebase-hosting html-css-javascript react react-functional-components react-hooks rpg-game strategy-game turn-based-combat turn-based-strategy
Last synced: about 1 year ago
JSON representation
turn based RPG made in react
- Host: GitHub
- URL: https://github.com/chrisssf/react_RolePlayingGame
- Owner: chrisssf
- Created: 2020-12-28T14:25:31.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-07T12:43:49.000Z (over 4 years ago)
- Last Synced: 2024-10-23T22:16:02.946Z (over 1 year ago)
- Topics: firebase-hosting, html-css-javascript, react, react-functional-components, react-hooks, rpg-game, strategy-game, turn-based-combat, turn-based-strategy
- Language: JavaScript
- Homepage: https://react-rpg-431df.web.app/
- Size: 6.11 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React RPG
React RPG is a turn based strategy game where the player must control three different characters to defeat three AI controlled enemy characters. Players can move their characters around the battlefield strategically and use a number of different character specific weapons and spells to win the battle.
This game is still in development but is currently playable, all features described are fully functional however additional features and styling are still to be added.
### Link
Play React RPG here https://react-rpg-431df.web.app/
## Technology
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
App made using React with functional components and Hooks.
Hosted using Firebase Hosting.
## Still To Add
- Use Firebase Authentication to log in and Firebase Database to store characters and progress
- Upgrades for characters after winning a battle
- Multiple levels with many battles and a boss fight per level
- More Player and Enemy Characters
- More Weapons/spells
## Screenshots
The Game is not finished and there are many areas which have not been styled or optimised yet.
## Installation
To get app running on your machine locally, follow the steps below.
### Clone
> Clone this repo to your local machine
### Setup
> install packages
```shell
$ npm install
```
> Run the app in the development mode.
```shell
$ npm start
```
> Open [http://localhost:3000](http://localhost:3000) to view it in the browser.