記録アプリ Recorda me

概要

このアプリは、日々の活動を15分単位で記録して、可視化できるアプリです。 勉強時間やの運動から、Youtubeでダラダラしちゃった時間まで家計簿感覚で記録できます。

https://www.recorda-me.link 転職活動終了に伴い、AWSのコストから逃げました。

実装した機能、技術

• 記録を15分単位で保存する機能

• 直近のログ表示機能

• グラフによる記録の可視化機能 (chartkick gem && groupdate gem)

  • 記録項目別
  • 項目別の比率
  • 週間累計時間表示

• ユーザ登録機能 (devise gem)

• ゲストログイン機能

• ページネーション機能 (kaminari gem)

• レスポンシブによるモバイル対応

• 開発環境 (docker)

• CSSフレームワーク (Bootstrap5)

• インフラ構築 (AWS)

• linter/formatter (Rubocop)

• テストフレームワーク (Rspec)

• CI/CDパイプライン (Circle CI, Capistrano)

• pull requestを用いた実務を想定した開発

• react-chart.js2によるチャート描画(React)

• モーダル等の一部ページのReactコンポーネント化(React)

データモデル

インフラ構成図

• アプリケーションサーバ puma
• リバースプロキシ nginx
• RDS for postgresql
• Route 53 - DNSサーバ/ドメイン取得
• ALB for SSL処理/負荷分散

動機

私自身何か物事に取り組む時に、ただ闇雲に始めてしまい、いつの間にか興味を失いやめてしまうことが多々ありました。 シンプルなインターフェイスで時間を記録をし可視化できれば、モチベーション維持に繋がり、継続できるのではないかと考えこのアプリの作成にいたりました。 記録するのが楽しくなるように、活動の項目を12色から好きな色で塗れるようにし、一目でどの色(活動)がどれくらいか見られるように工夫しました。