GithubHelp home page GithubHelp logo

stork's Introduction

Stork

主要功能

1. 打造自己的聊天空間

  • 簡易建立/便於編輯
  • 細膩溝通更多頻道
  • 查看未來行程

2. 即時的通訊互動

  • 群組聊天與私訊
  • 公開 / 私人頻道
  • 上傳圖片與連結

3. Google行事曆功能

  • 串接 Google 行事曆
  • 即時建立事件
  • 查看未來行程

專案初始化

專案使用版本

  • Ruby 2.7.3
  • Rails 6.1.4
  • PostgreSQL

Install Project

  1. Fork Stork Repository
  2. bundle 安裝相關後端套件
  3. yarn 安裝相關前端套件
  4. Migration 資料庫遷移
  5. 安裝 ImageMagick
  6. foreman 啟動專案
 $ bundle install
 $ yarn install
 $ rails db:migrate
 $ foreman start

使用技術

  • 前端： Tailwindcss / Webpack / Stimulus JS / jQuery
  • 後端： Ruby on Rails
  • 部署： Heroku, AWS S3
  • 第三方串接: Google Calendar API / Google OAuth 2.0

開發團隊

  • 陳曜東

    • 主要負責： Action Cable、分群聊天、在線狀態、對話串功能、網頁切版
    • Email: [email protected]
    • GitHub ID:Jimmy-Chen-2B

  • 林琪芮

    • 主要負責：網站部署、頻道功能、邀請成員、串接 Google 行事曆、網頁切版
    • Email: [email protected]
    • GitHub ID:linchiquei

  • 李徽典

    • 主要負責：Action Mailer、空間功能、簡報設計、網頁切版
    • Email: [email protected]
    • GitHub ID: KtKeaton

  • 王亭樺

    • 主要負責：會員系統、第三方登入、簡報設計、網頁切版
    • Email: [email protected]
    • GitHub ID:Doreme2021

  • 王安祺

    • 主要負責：Action Text、圖片上傳、AWS S3、簡報設計、網頁切版
    • Email: [email protected]
    • Github ID: An-Chi

stork's People

Contributors

mantouri avatar an-chi avatar cyd886 avatar doreme2021 avatar ktkeaton avatar wye139629 avatar

Watchers

avatar

Forkers

an-chi

stork's Issues

會員登入後的頁面（w1）

一、可以列出該會員現有的工作空間列表，並標記工作空間的成員數。
二、右上方和正下方有建立新空間連結。

1630674963225

三、復刻畫面（紅叉叉不用）

新會員註冊完之後的流程（w1~w2）

注意：以下步驟如果輸入不正確，要能跳出錯誤訊息

一、建立新的工作空間

1630673803825

二、你的團隊目前正在進行什麼專案（建立新的頻道）

1630673856315

三、邀請新成員加入工作空間（發連結信，w2）

1630673913489

1630725663371

檔案上傳功能（w1~w2）

一、使用者可以將檔案從電腦上傳到工作空間的頻道中，並且被其他使用者下載。

注意！因為未來預定會新增工作空間的檔案檢索功能，所以上傳的檔案不是屬於頻道。

1630730419037

文字編輯器（w2）

一、新增 Rich Editor 套件
二、需要具備基本的粗體、斜體、超連結、上傳檔案、表情符號功能。

1630729569387

切換空間列(show.html.erb)應復原

views/channels/show.html.erb

行37至44還原為

    <div class="space-icon-group cursor-pointer mb-4">
      <% @space_public_channels.each do |mall| %>
        <div
          class="bg-white h-12 w-12 flex items-center justify-center text-black text-sm font-semibold rounded-lg mb-1 overflow-hidden">
          <%= link_to  mall.space.name, space_channel_path(space_id: mall.space_id, id: mall.id) %>
        </div>
        <% end %>
    </div>

在側邊欄切換和建立工作空間（w2）

一、在一個工作空間內，使用者可以在側邊欄檢視目前已加入所有的工作空間。
二、使用者可以點擊工作空間圖像，以切換不同的工作空間。
三、使用者可以在側邊欄點擊新增按鈕，並轉址到建立新工作空間的頁面。

1630728641269

退出頻道會轉向找不到頁面 

2021-09-23T08:33:50.088306+00:00 heroku[router]: at=info method=GET path="/spaces/2/channels/4" host=storkstork.herokuapp.com request_id=86533567-01cd-45b7-b48d-0d415ad131d3 fwd="61.64.31.191" dyno=web.1 connect=1ms service=66ms status=500 bytes=1827 protocol=https
2021-09-23T08:33:50.323435+00:00 heroku[router]: at=info method=GET path="/cable" host=storkstork.herokuapp.com request_id=757d79b4-06c0-4fb8-8e0b-2f275c820f43 fwd="61.64.31.191" dyno=web.1 connect=0ms service=3094ms status=101 bytes=414 protocol=https
2021-09-23T08:33:50.326429+00:00 app[web.1]: I, [2021-09-23T08:33:50.326352 #4]  INFO -- : [ActionCable] [User 3] Finished "/cable/" [WebSocket] for 61.64.31.191 at 2021-09-23 08:33:50 +0000
2021-09-23T08:33:50.329634+00:00 app[web.1]: E, [2021-09-23T08:33:50.329556 #4] ERROR -- : [ActionCable] [User 3] There was an exception - Redis::CommandError(ERR max number of clients reached)
2021-09-23T08:33:50.329757+00:00 app[web.1]: E, [2021-09-23T08:33:50.329689 #4] ERROR -- : [ActionCable] [User 3] /app/vendor/bundle/ruby/2.7.0/gems/redis-4.4.0/lib/redis/client.rb:149:in `call'

新增、編輯和刪除頻道（w1）

一、點擊新增頻道會跳出小視窗，填完表單後按建立，就可以建立新的頻道，並且出現在頻道列表中。

1630731565134

二、在頻道名稱點滑鼠右鍵會跳出小視窗，可以編輯頻道資料（名稱、描述）。

1630731974607

三、在頻道名稱點滑鼠右鍵，會出現刪除頻道選項，點擊後就可刪除頻道。

一對一私人訊息（w1）

一、在同一工作空間的使用者，可以一對一傳送私人訊息。
二、私人訊息無法被第三者檢視。

1630730172665

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.