うちゅいったー | 宇宙時代のSNS

Description

WebGLの技術を使い宇宙空間を模した３D空間上に各ユーザーが投稿できる掲示板風SNSである．

『ハックツハッカソン/プレシオ杯』に提出する作品として開発．テーマは『技術の無駄遣い』

Built With

• React
• TypeScript(一部)
• Styled-components
• Three.js
• Firebase Authentication
• Firebase Cloud Function
• Netlify

Features

新規登録・ログイン

FirebaseAuthenticationを用いユーザー認証を行っている． 対応する Sign-in method は 『メール/パスワード』 であり，以下の画面からログインが可能である．

タイムライン

各ユーザーの投稿は以下のな形で確認できる． 描画に関してはThree.jsを用いて3D空間を表現し，データの管理は Cloud Firestore を利用しておこなっている．

投稿

右下の + のアイコンから投稿が可能． 不適切な投稿に関するバリデーション機能も実装している．

プロフィールの修正

左上のハンバーガーメニューから遷移可能． プロフィール画面ではユーザー名の変更及び過去の投稿の削除を行うことが可能．

Links

• うちゅいったー
• うちゅいったー | Topa'z (メディア)
• ハックツCONTENTS : ハックツハッカソン開催!!! (メディア)