https://github.com/jy8752/rpp

昔のロールプレイングゲームのような画面を再現したポートフォリオです。Ruby on Rails, Riot.jsを用いたSPA構成のアプリケーションです。
https://github.com/jy8752/rpp

riotjs ruby ruby-on-rails

Last synced: about 2 months ago
JSON representation

昔のロールプレイングゲームのような画面を再現したポートフォリオです。Ruby on Rails, Riot.jsを用いたSPA構成のアプリケーションです。

• Host: GitHub
• URL: https://github.com/jy8752/rpp
• Owner: JY8752
• Created: 2020-10-06T13:46:20.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-11-03T23:49:35.000Z (over 4 years ago)
• Last Synced: 2025-02-28T23:39:20.475Z (over 1 year ago)
• Topics: riotjs, ruby, ruby-on-rails
• Language: Ruby
• Homepage:
• Size: 11 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# RPP

ロールプレイング風に作成したポートフォリオです。

バックエンドはRuby on RailsをAPIモードで作成し、フロントエンドはRiot.jsを使用しシンプルなSPA構成になっています。

公開URL

~~http://54.199.233.154:8080/~~

トップ画面


![トップページ](https://media.giphy.com/media/jfOrmxreYfVgJJ4usu/giphy.gif "トップページ")

ホーム画面


![ホーム](https://media.giphy.com/media/bOmQitGcRMg0yRGm2s/giphy.gif "ホーム")

バトル画面


![バトル](https://media.giphy.com/media/1gqDCDOtsVOBv5mEFs/giphy.gif "バトル")

# 使用技術

## バックエンド

* ruby 2.7.2

* Ruby on Rails 6.1.3.1

## フロントエンド

* Riot.js 4.11.0

* typed.js ^2.0.11(文字出力に使用)

* nes.css 2.2.1(ゲーム風UIに使用)

* webpack 4.44.2

## インフラ

* EC2

* RDS

* docker

* docker-compose

# 起動方法

1. リポジトリをclone

2. dockerコンテナ起動

```

docker-compose up

```

3. db構築

```

docker-compose exec web bundle exec rake db:create db:migrate 

```

```

docker-compose exec web bundle exec rake db:seed db:migrate 

```