yuma2ok / la3_count_adv

LA3用 カウントアプリ発展

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LA Webサービスコース Day1~2 鬼課題
カウントアプリの発展を実装せよ

レギュレーション

  • このレポジトリは,カウントアプリのプラス/マイナス機能を実装したものです。
  • このレポジトリを fork して clone し,実装を進め,各自のリポジトリにPushしてください。

開発の準備

  • 現在のパスが~/environment/ であることを確認
  • git clone <各自のレポジトリURL> 各自の URL は GitHub の右上の緑色の箇所から確認できます
  • cd 確認テストのディレクトリ名で移動
  • bundle install, rake db:create, rake db:migrateを入力して DB を準備
  • ruby app.rbと入力してちゃんと起動するか確認(できなかったら講師を呼んでね!)

注意事項

  • データベースは作成されていませんが,マイグレーションファイルは含まれています. 各自マイグレートしてください.

仕様

https://ld13-count.herokuapp.com/
このアプリケーションを実装してください

背景 / ボタン

全体背景色

  • #00b5de #00b5de

プラスボタン

  • 背景色: #e94c4d #e94c4d
  • 文字色: #d8d8d8 #d8d8d8

マイナスボタン

  • 背景色: #c2ca2e #c2ca2e
  • 文字色: #d8d8d8 #d8d8d8

クリアボタン

  • 元のファイルにはないので実装してください!
  • 背景色: #f8b516 #f8b516
  • 文字色: #d8d8d8 #d8d8d8

新規カウンター作成ボタン

  • 元のファイルにはないので実装してください!
  • 背景色: #d01026 #d01026
  • 文字色: #d8d8d8 #d8d8d8

リングの色

現在のカウントの数によってリングの色が変わります.

  • 通常時
    • #d8d8d8 #d8d8d
  • 3 の倍数または、3 がつく数字の時
    • #f8b516 #f8b516
  • 0 は通常時として扱います!

カウント文字色

現在のカウントの数によって文字色が変わります.

  • 通常時
    • #edda15 #edda15
  • 3 の倍数の時
    • #d01026 #d01026
  • 5 の倍数の時
    • #ec6c1f #ec6c1f
  • 15 の倍数の時
    • #2a6d39 #2a6d39
  • 0 は通常時として扱います!

About

LA3用 カウントアプリ発展


Languages

Language:Ruby 41.3%Language:CSS 31.0%Language:JavaScript 14.1%Language:HTML 13.5%