Skip to content

Latest commit

 

History

History
43 lines (34 loc) · 2.21 KB

README.md

File metadata and controls

43 lines (34 loc) · 2.21 KB

Description

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

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

Built With

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

Features

新規登録・ログイン

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

タイムライン

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

投稿

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

プロフィールの修正

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

Links