yuki-kouno / diary-for-reader

読書管理サービス

Home Page:https://diary-for-reader-prod.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

読書家のための日記帳

読書家のための日記帳はアウトプットが苦手な人でも簡単に、普段からアウトプットをしている人にはさらに効果的なアウトプットができるように考えたサービスです

読書家のための日記帳画像

Angular logo Firebase logo

このサービスはAngular、Firebaseを使ったSinglePageApplicationです


実装内容

認証

  • EメールとパスワードにでのログインとGoogleアカウントによるログイン
  • アカウント作成時のwelcomeメール
  • パスワードを忘れた場合のパスワードリセット
  • パスワード自動生成
  • ログイン状態とEメールアドレスの認証状態の監視による外部アクセスからのガード
  • 全てのデータを削除する退会
  • 退会完了通知メール

hb2cl-4rfae

TOP画面

  • ツアー機能
  • Amazon新刊情報取得
  • スライド機能
  • 本の検索機能・登録

yxe7z-g00p9

ライブラリー

  • ソート
  • ライブラリ内検索

ju82k-rdu8u

レビュー

  • レビュー・編集・削除
  • レヴュー途中の離脱ガード
  • 質問選択
  • 質問作成
  • 今日のレビューと過去のレビュー一覧のタブ切り替え
  • レヴュー一覧のソート

82kq0-is7t0

カレンダー

  • カレンダー
  • 詳細モーダル

7npfn-f1c00

ランキング

  • 一時間毎に本の売れ筋ランキング情報取得

sj4fr-buwzp


使用技術

読書家のための日記帳画像

Algolia - firestoreデータをワード検索で取得
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/algolia.ts
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/favorite-book.function.ts service:https://github.com/yuki-kouno/diary-for-reader/blob/master/src/app/services/search-library.service.ts
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/library
本サービスでは実装していませんが、タグ検索やpagenationの併用も対応できます。

読書家のための日記帳画像

GoogleBooksApi - サービス内に登録する本のデータ取得
service:https://github.com/yuki-kouno/diary-for-reader/blob/master/src/app/services/google-books-api.service.ts
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/add-books/search-books

読書家のための日記帳画像

Fullcalendar - カレンダー機能の実装
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/calendar/calendar

読書家のための日記帳画像

Puppeteer - amazonの販売情報取得 -> AmazonProductAdvertisingAPI変更予定
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/book-ranking-scraping.function.ts

読書家のための日記帳画像

SendGrid - welcomeメール・退会処理完了通知
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/send-email.function.ts functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/user.function.ts

GithubActions - 自動build/deploy/OGP
yml:https://github.com/yuki-kouno/diary-for-reader/blob/master/.github/workflows/main.yml

GoogleAppsScript - バックアップ・CloudFunctions定期実行...
buckup:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/backup.function.ts
render:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/render.function.ts

About

読書管理サービス

https://diary-for-reader-prod.web.app/


Languages

Language:TypeScript 58.3%Language:HTML 24.4%Language:SCSS 16.6%Language:JavaScript 0.7%