レシピ投稿サイトです。以下の機能があります。
- キーワードで検索
- レシピを全て一覧表示
- レシピ投稿
アクセシビリティに考慮し更新しました。(2020/05/30)
- キーワード検索
レシピをCloud Firestoreに保存する時にタグ(keyword)を1つ以上登録してもらって、それをもとに検索します。検索結果ページより画像をクリックする事でレシピの詳細ページに遷移します。
- 一覧表示
Cloud Firestoreから全て表示します。画像をクリックする事でレシピの詳細ページに遷移します。
- 投稿
画像をCloud Storageに保存して、ダウンロードURLを取得し、それと共に、料理名、材料などの情報をCloud Firestoreに保存します。
- React + TypeScript
- Material UI
- react-hook-form
- react-router
- react-loader-spinner
- react-axe
- Firebase
- Cloud Firestore
- Cloud Storage
- Hosting