Giter Club home page Giter Club logo

zukan's Introduction

■ 画面遷移図 https://www.figma.com/file/BFcNSvPwZTvkSdirEw6Ptb/%E5%9B%B3%E9%91%91%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%83%88?type=design&node-id=0%3A1&mode=design&t=v262gEWiYkg2AI9j-1

■ サービス名 図鑑クリエイト

■ サービス概要 動物園や街中で出会った生き物を記録していくことでオリジナルの図鑑が作成できるサービスです。 図鑑のテンプレートやユーザーが入力フォームを追加しテンプレートをアレンジする機能を付け、完成した図鑑を共有し合うことができます。

■ サービスコンセプト 私は生き物が好きで様々な生き物を探したり、動物園に行くのが好きです。 しかし、動物園などに行って生き物を見るだけではだいたいの生き物は記憶に残らないので、実際に図鑑作成をすることで手を動かし生き物について深く考察できるようにしたいと思いこのサービスを考案しました。 また採取などで見つけた生き物を記録したり周辺の野良猫たちを区別するなど、図鑑を登録していくことで生き物との出会いを楽しめるようなサービスにしたいと思っています。

■ 想定されるユーザー層 生き物好きの方 夏休みの自由研究で困っている小学生

■ サービスの利用イメージ 図鑑を作成していく中でその生き物を深く観察し疑問を持って調べてそれを更に図鑑にアウトプット してもらう。他のユーザーの図鑑を見て生き物の情報を得ることができる。

■ ユーザーの獲得について x(旧twitter)やtimesなどSNSで発信 Qittaで発信:https://qiita.com/furukoshi12/items/6ba4c489c4222fe36d5e 知り合いへ直接宣伝

■ サービスの差別化ポイント・推しポイント 競合サービス:https://kaihawk.jp/my_dictionary.html 差別化ポイント:テンプレートから更に追加で画像やテキストボックスを追加できるようにする。 オリジナル度が増し、図鑑をデザインする楽しさがある。 また単純な情報から自分の考察など分けて入力できる。

■ 実装機能

MVP

  • トップページ
    • 会員登録
    • ログイン
    • ゲストログイン
  • マイページ
    • 自作図鑑一覧
      • 削除ボタン
    • お気に入り一覧
  • 図鑑作成
    • ドラッグ&ドロップ
    • リサイズ
    • テンプレート選択
    • テキストボックス追加
    • 画像追加
    • タグ付け
  • 投稿された図鑑一覧
    • 検索機能
  • 図鑑詳細
  • 図鑑お気に入り
  • 管理画面
    • ユーザー一覧
    • 図鑑一覧
    • テンプレート一覧
    • テンプレート作成
    • テキストボックス一覧
    • テキストボックス作成

本リリース

  • SNS共有
  • 投稿済み図鑑編集
  • 画像解析(画像からテキストを抽出、ワンタッチでテキストをコピー)
  • 検索にオートコンプリート機能追加

本リリース後の追加予定

  • 画像加工
  • 画像内の人物にモザイク処理
  • 見つけた場所をマップ上に表示する(地図の公開、非公開選択)(Google Maps API使用予定)
  • ある生き物の図鑑作成をするとその生き物のアイコンを使用可能にする
    • 使用可能アイコン一覧

■ 機能の実装方針 RailsAPIモード sorcery jsonapi-serializer carrierwave mini_magick React axios mui react-router-dom react-interactjs react-tag-input react-modal swiper Google Cloud Vision API(画像から日本語抽出) Heroku AWS(S3)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.