Code Monkey home page Code Monkey logo

fodmap's Introduction

README

Happy Gut

happygut-like happygut-create

ポートフォリオとしてIBS(過敏性腸症候群)の方向けのレシピ共有アプリを作成しました。開発環境と本番環境にDockerを、インフラにAWSを使用しました。 シンプルながらもわかりやすいデザインを心がけ、さらに自らYouTubeビデオの作成にもチャレンジしました。

URL:https://happy-gut-jp.com/

※ゲストユーザーとして簡易ログインができますので、是非使ってみてください。

使用技術

  • Ruby 5.2.4, Rails 2.5.1
  • Nginx, Puma
  • AWS (EC2, RDS for MySQL, S3, VPC, Route53, ALB, ACM)
  • Docker
  • CircleCI
  • RSpec
  • Sass, Bootstrap, jQuery

AWS構成図

fodmap-diagram (1)

機能一覧

  • ユーザー登録・ログイン機能(deviseを使用)
  • 投稿機能(画像のアップロードにCarrierWaveを使用)
  • 投稿一覧・投稿詳細表示機能
  • 投稿管理機能
  • ページネーション機能(Kaminari)
  • フォロー機能(Ajax)
  • いいね機能(Ajax)
  • コメント機能(Ajax)
  • 検索機能
  • タグ機能
  • CircleCIを用いたCI/CD機能

fodmap's People

Contributors

takayuki-nakamura7 avatar dependabot[bot] avatar

Watchers

 avatar

fodmap's Issues

Fix layouts

プロフィール変更
following
followers(delete view my profile)
お気に入り(picture is too big)
category page(add links, change the section on before login page)
about page
the page after the recipe created (recipe/index tags search goes to this page as well)
recipe description(blank not working)
resend confirmation page
forgot password page
sign up mail (En => Ja)
sign up & login page

Fix production environment

  • It should be able to upload picture using fog with s3 (currently using local storage)
  • fix database setting(currently its using docker db but should use RDS)
  • Running as develop mode, should be production

Fix flash message

Register

  • send confirmation message
  • account confirmed message
  • login validation message

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.