Skinmate

サービスURL

https://skinmate.fly.dev/

サービス概要

Skinmate（スキンメイト）というサービスは、下記の問題を解決します。

• いつスキンケア製品がなくなるのかわからないという問題
• 実質、スキンケア製品に月々いくらかかっているのかがわからないという問題

スキンケア製品を多く使っている女性向けの、使用サイクルを管理するアプリです。

特徴

ユーザーが Skinmate を利用する前に必要な操作は、スキンケア製品名と価格の登録のみです。 あとは、スキンケア製品の使い始めた日に「使用開始日」、使い切った日に「使用終了日」を登録するだけで下記のことが実現できます。

• いつスキンケア製品がなくなるか把握することができる
• 実質どのくらい月々に化粧品にお金がかかっているかを把握できる

「googleカレンダーにスケジュール登録をして管理する方法」とは、下記の点で異なります。

• 自分が入力した実績から、次回使い切るであろう期間を自動で算出してくれる
• 実質どのくらい月々お金がかかっているかがわかる

使い方

はじめに

下記URLより、新規アカウントを作成します。

https://skinmate.fly.dev/users/sign_up

1. 製品を登録する

ページ下部のボタン「アイテムを登録する」をクリックします。

日ごろお使いのスキンケア製品の情報を入力します。

「登録する」をクリックすると、登録完了です。

2. 使用開始日を登録する

ボタン「使用開始日を登録する」をクリックします。

日付を入力します。

入力欄の右端にあるカレンダーマークをクリックすると日付を選択することができます。

「使用を開始する」をクリックすると、登録完了です。

3. 使用終了日を登録する

ボタン「使用終了日を登録する」をクリックします。

日付を入力します。

入力欄の右端にあるカレンダーマークをクリックすると日付を選択することができます。

「使用を終了する」をクリックすると、登録完了です。

4. アイテムの詳細を編集/削除する

アイテムの登録内容は、スキンケア製品個別ページ下部にあるボタン「このアイテムを編集する」より可能です。

また、削除をしたい場合は同ページ下部にあるボタン「このアイテムを削除する」より可能です。

5. 使用開始日・使用終了日の編集/削除

使用開始日・使用終了日の編集は、スキンケア製品個別ページの鉛筆マークより可能です。

鉛筆マークのボタンをクリックすると編集が可能です。

保存をクリックすると変更内容が保存されます。

削除したい場合は、ゴミ箱マークのボタンより削除が可能です。

6. 過去1年間の実績を見る

Skinmate では、過去1年間までの実績を遡って閲覧することができます。

トップページ上部の「過去1年間の実績を見る」から確認できます。

各月の詳細を見たい場合は、確認したい月をクリックします。

技術スタック

• Ruby 3.1.3
• Rails 7.0.4
• Hotwire
  • Turbo-rails 1.3.2
  • Stimulus-rails 1.2.1
• Slim 4.1.0
• Bootstrap 5.2.3
• Sassc 2.4.0
• Rubocop 1.50.2
• Slim_lint 0.24.0
• Eslint 8.39.0
• Prettier 2.8.8
• PostgreSQL
• GitHub Actions
• Fly.io

環境構築

$ git clone https://github.com/AyakaTakashima/skin_care_manager.git
$ cd skin_care_manager
$ bin/setup

テスト

$ rails test:all

lint

bin/lintで下記コマンド全てを実行できます。個別に実行することも可能です。

$ bundle exec rubocop -a
$ bundle exec slim-lint app/views -c config/slim_lint.yml
$ npm run -s lint