Git Product home page Git Product logo

food-pictures's Introduction

food-pictures

自身で初めて作成を手掛けたアプリケーションです。 僕を含めた食べ物が好きな方のために作成しました。 スクリーンショット 2020-07-26 20 04 04 投稿画面 スクリーンショット 2020-07-22 18 13 13

制作の背景

今現在のSNSは"何を"投稿するかではなく、"誰が"投稿するかによって いいね数 メンションに大きな差が出ると感じあえてニックネームは表示させない設定にしました。 なおコメント機能では、会員番号1番さんなど 番号だけ表示されるようになっており、味や場所など情報を集めるために追加しています。

本番環境URL

https://food-pictures.herokuapp.com/ 閲覧の際は、通常のユーザー登録・ログイン機能によるご確認のほか、ログインページの「簡単ログイン」ボタンから、テストユーザーアカウントによるご確認もご利用いただけます。

使用技術

バックエンド

  • Ruby 2.7.1
  • Ruby on Rails 5.2.4.3
  • MySQL 5.6.47

フロントエンド

  • html
  • sass
  • jQuery

インフラ

  • heroku
  • AWS(S3)(herokuのみだと画像が消えてしまうので追加 2020-06-17)
  • Rspec (2020-07-24)
  • Docker(2020-08-11)
  • docker-compose(2020-08-11)

機能一覧

  • いいね機能あり

    • ハートマークアイコンでいいねすることが可能(2020-6-17)
    • トップページでいいねの数が確認可能(2020-7-15)
  • ページネーション機能

    • kaminariを使用
  • アカウント作成

  • ユーザーログイン機能

    • ポートフォリオ閲覧用に簡単ログイン機能あり
    • 登録済メールアドレスとパスワードによるログイン方式
  • 投稿機能

    • 画像投稿機能(carrierwaveを使用)
  • コメント機能を追加(2020-6-11)

    • コメント削除機能を追加(2020-7-31)
  • 検索機能を追加(2020-6-18)

  • いいね順、古い順、新しい順のソート機能を追加(2020-7-3)

  • カテゴリ機能の実装(2020-7-22)

ER図

erd

今後について

機能面として、どの食べ物が人気なのかわかりやすくするためいいねを多い順にソートする機能(2020-7-3実装)と画像が消えてしまうのでストレージにAWS S3(2020-6-17実装)を追加を、投稿ごとにgoogle apiを紐づける機能を導入したいと考えている。

food-pictures's People

Contributors

kimkim0814 avatar dependabot[bot] avatar

Stargazers

 avatar

Watchers

 avatar

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.