Skip to content

Mst8827/ShareMe

Repository files navigation

README

ShareMe

写真とコメントを投稿してシェアするシンプルなSNSアプリです。
スクールのカリキュラムの復習のため作成してみました。

URL

https://heroku-app-shareme.herokuapp.com/

DB設計

usersテーブル

Column Type Options
nickname string null: false
email string null: false
password string null: false

Association

  • has_many :posts
  • has_many :comments
  • has_many :likes, dependent: :destroy
  • has_many :like_items, through: :likes, source: :post

postsテーブル

Column Type Options
text string
image string
user_id string
likes_count string

Association

  • belongs_to :user
  • has_many :comments
  • has_many :likes, dependent: :destroy
  • has_many :liking_users, through: :likes, source: :user

commentsテーブル

Column Type Options
user_id integer
post_id integer
text text

Association

  • belongs_to :post
  • belongs_to :user

likesテーブル

Column Type Options
user_id integer
post_id integer

Association

  • belongs_to :post, counter_cache: :likes_count
  • belongs_to :user

開発環境

Ruby(2.5.1)/Ruby on Rails(5.2.4.2)/PostgreSQL/Github/Heroku/Visual Studio Code

DEMO

トップページ

スクリーンショット 2020-04-06 14 50 05

新規登録画面

スクリーンショット 2020-04-06 14 58 08


登録をしたユーザーでログインすると投稿することが出来ます。

25670b245a5b0848dea9d8b95f099223

工夫した事

  • 他の人のポストに対してコメントをすることができるのですが、非同期通信で投稿出来るようにしました。

a1eab8448a589aac35739daaf1a44f1e

  • いいね機能を非同期通信で実装し、クリックするとカウントされもう一度クリックすると削除されるようにしました。

0ea8f4fda7cbf1d5fd1427ed8e835450

課題

画像&コメント投稿と他人の投稿に対してコメントといいねのすごくシンプルなSNSなので、
今後のスキルとして画像の投稿でなく動画投稿、またyoutubeとのAPI連携やいいねや
コメントが付いた時に誰からかの通知機能などより既存のSNS機能に近い実装が出来るようにしていきたいと思います。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors