Skip to content

Open Hack U 2022 TOKYOで制作した作品「WAIFU sharing」のリポジトリです(https://youtu.be/Q8IIKD83BP8?t=3500)

Notifications You must be signed in to change notification settings

MasKatx/hack-u-2022

 
 

Repository files navigation

WAIFU sharing

WAIFU sharingはあなたの推しを布教できる web アプリケーションです

Open Hack U 2022 TOKYO にて作成いたしました

ポートフォリオの記事はこちら

【制作物】
推し活アプリ:WAIFU sharing

【概要】
・「推し」のタグをフォローし、おすすめを投稿できる
・投稿されたおすすめを各タグのページで閲覧できる

Open Hack U 2022 TOKYOで開発を行いました

【関係者の人数】
5名

【作業期間】
10日間

【開発言語・技術】
Firebase・React・TypeScript

【担当役割】
ヘッダやフッタ等のテンプレート・一部コンポーネントや画面・Firestore操作関数制作、プレゼンテーション

【参考URL】
GitHub: https://github.com/MasKatx/hack-u-2022

【きっかけ】
友人との会話での「推しを布教したけど反応が微妙だった」、「新たな界隈に触れたいけど出会いがない」という話題

【アピールポイント】
ピンポイントで布教ができる事
・おすすめ投稿時に「どのタグが好きな人に勧めるか」を選べ、そのタグをフォローしている人のおすすめタグ欄に表示される
・タグページから、「そのタグが好きな人へのおすすめ」一覧ページへ移動可能
・以降芋づる式で、タグページとそのタグが好きな人へのおすすめページへ移動可能
例:
Aさん:タグ「アニメ」をフォローしている
Bさん:タグ「マンガ」をフォローしている
Cさん:タグ「ゲーム」をフォローしている

Aさん:「マンガ」が好きな人に対して「アニメ」のおすすめを投稿
Cさん:「アニメ」と「マンガ」が好きな人に対して「ゲーム」のおすすめを投稿

Bさんは「マンガ」をフォローしているので、自身のおすすめ欄に『Aさんがおすすめしたタグ「アニメ」』と『Cさんがおすすめしたタグ「ゲーム」』が表示される。
それぞれタグ「アニメ」のページではAさんの投稿したおすすめを、タグ「ゲーム」のページではCさんの投稿したおすすめが表示される。
タグ「アニメ」のページから「アニメが好きな人へのおすすめ」ページに移動すると、『Cさんがおすすめしたタグ「ゲーム」』が表示される。

【試行錯誤等】
私はこの開発でReactもTypeScriptも初めて触れましたが、作業期間は実質7日間程度でした。そのため1日で本を読みながら記述してみてなんとか習得、技術担当のリーダーに教えてもらいながら、とにかく色々手探りで実装していました。ここまで短期間で一気にインプットとアウトプットを詰め込んだのは初めての経験でしたので、不安も大きくありました。しかし無事完成させることができ、審査員の方からも「アイデア、サービスの完成度がとても高い」、「機能が多く、また作り込みまでこだわっていて、技術力もしっかりしていて素晴らしい」との評価をいただきました。

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.9%
  • Other 1.1%