調整くん

https://github.com/PoPodada/Progate-hakkason
https://progate-hakkason-b8f2c.web.app/

GitHub

TypeScript

React

Firestore

TailwindCSS

チームなどの日程調整での長いやり取りをゼロにする日程調整ツール！

PoPodada

gv5h05ro84o

推しアイデア

googleカレンダーから情報を取得しているのでアプリ単体でカレンダー情報を入力する必要がない！ チーム全員が空いている予定をリコメンドするので詳細なチームメンバーの予定がわからない！

作った背景

一緒に活動している仲間やチームメンバーと対面やオンラインで予定を決めるときに、毎回自分たちのスケジュールを共有して予定を決めるのがとても面倒だと感じていた

推し技術

google認証を行うとgoogleのカレンダー情報を認識し、チームのメンバーと予定を合わせられる一番近い日程をすぐに表示してくれる！ 予定の匿名化！

プロジェクト詳細

技術構成図

image

ディレクトリ構造

├── README.md
├── firebase.json
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   └── vite.svg
├── src
│   ├── App.tsx
│   ├── assets
│   │   └── react.svg
│   ├── components
│   │   ├── CreateTeamModal.tsx
│   │   ├── MeetingCard.tsx
│   │   ├── MeetingCreate.tsx
│   │   └── TeamPreview.tsx
│   ├── database
│   │   ├── DBSchema.ts
│   │   ├── Meeting.ts
│   │   ├── Team.ts
│   │   └── User.ts
│   ├── firebase.ts
│   ├── index.css
│   ├── main.tsx
│   ├── pages
│   │   ├── Home.tsx
│   │   └── Team.tsx
│   ├── sampleData
│   │   ├── teamData.json
│   │   └── userData.json
│   ├── types.ts
│   ├── utils
│   │   ├── AuthContext.tsx
│   │   ├── CalculateDate.ts
│   │   └── GoogleCalendarAPI.ts
│   └── vite-env.d.ts
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

システム概要
  • Google認証を使用してログイン、 GoogleCalenderからユーザーの予定を読み取って,チームメンバーの予定が合う日時の候補日を提示する カレンダーから情報を読み取るとき予定の内容は共有されない

使用技術
  • GitHub
  • GitHubActions
  • Firebase Hosting
  • Google Calender
  • Google Cloud
  • Firebase Authentication
  • Cloud Firestore
  • React
  • Vite
  • Tailwind

苦労した点
  • 本番用とテスト用のfirebaseを分けていなかったせいで、最後の方になって使用回数制限に引っかかってしまった
  • reactむずい

PoPodada

@PoPodada