Skip to content
/ Punct Public

Vue.jsとRails APIによるTodo管理アプリ

Notifications You must be signed in to change notification settings

K-kind/Punct

Repository files navigation

Punct(パンクト)

時間通り(Punctual)にタスクを管理するための、シンプルなSPAです。

タスクを作成して、1つずつ取り組み、かかった時間を記録します。

README 画像 Punct

工夫した点

  • ストレスなくスムーズに動くUI/UX
  • ドラッグ&ドロップによる移動など、直感的な操作性
  • 初期データを持つテストユーザーでの試用
  • 固有ヘッダによるCSRF対策
  • Jest(ユニット)、Cypress(E2E)、RSpec(バックエンド)の3種のテスト
  • 改善速度を速めるCI/CDパイプライン

使用技術

バックエンド

  • Ruby 2.7.1
  • Ruby on Rails 6.0.3
  • MySQL 5.7
  • Nginx 1.19.0

フロントエンド

  • Vue.js 2.6.11
  • Vue-CLI 4.4.1

インフラ

  • AWS
    • コンテナ技術(ECS | ECR)
    • データベース(RDS)
    • 基本インフラ(VPC | EC2 | ELB | Route53 | IAM)
    • メール送信(SES)
  • CircleCI
  • Docker | Docker Compose

インフラ構成図

gem

  • テスト、静的解析
    • rspec | factory_bot_rails | shoulda-matcher
    • rubocop
  • メール送信、SNSログイン
    • aws-sdk-rails
    • omniauth
  • バッチ処理
    • whenever

JSライブラリ

  • Vue.Draggable(ドラッグ&ドロップ)
  • vee-validate(バリデーション)
  • element-ui(コンポーネントライブラリ)
  • dayjs(日付操作)
  • chart.js(グラフ描画)

About

Vue.jsとRails APIによるTodo管理アプリ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published