ChainWork

https://github.com/Courbet14/ChainWork

GitHub

TypeScript

React

PostgreSQL

VSCode

ハッカソンの開催/参加を管理するサービスです!

りんせい

せいや

たいせい

推しアイデア

ハッカソンの参加/管理の簡略化・効率化

作った背景

就活のインターン応募方法が迷路みたいだった。

推し技術

タスク共有/配布 リアルタイム共同編集 自動タスク作成 参加者管理 進捗度管理

プロジェクト詳細

ハッカソン管理アプリ

ハッカソン運営とチーム開発を支援する共同タスク管理プラットフォーム


サービス概要

主催者向け

主催者向けURL:http://220.158.16.59/admin/create-hackathon http://220.158.16.59/admin/create-hackathon
  • 参加者管理
  • チームごとのタスク可視化
  • 進捗状況の把握

参加者向け

参加者向けURL:http://220.158.16.59/
  • タスク管理
  • リアルタイム共同編集
  • チーム間での情報共有

ターゲット

  • ハッカソン主催者
  • ハッカソン参加者

CSV(共有価値の創造)

解決する課題

  • チーム開発やプロジェクト管理の課題を解決する
  • ハッカソン運営の効率化を実現する
  • 参加者満足度の向上を実現する

提供する価値

主催者参加者
参加者管理の効率化タスク管理の効率化
チーム状況の可視化チーム開発の促進
運営負担の軽減円滑な情報共有

技術構成

システム構成

React + Vite
    ↓
 Supabase

フロントエンド

  • React
  • Vite

バックエンド

  • Supabase
  • PostgreSQL

用語

用語説明
ルーム(ワークスペース)プロジェクトごとの作業場所
ページタスクを書き込む場所
リンク元のデータをコピーせずに別の場所から参照する仕組み

チーム

メンバー

浦野

経験

  • プログラミング経験あり

担当

  • フロントエンド
  • バックエンド
  • データベース設計

藤原

経験

  • Java・JavaScript(授業内)

担当

  • フロントエンド

北村

経験

  • Java・JavaScript(授業内)

担当

  • フロントエンド

メンターの方々

たくさんのアドバイスやアイデアをありがとうございました!

進め方

1. リーダーが全体設計を行う
  1. リーダーが土台を作る

  2. リーダーが画面ごとに仕事を切り出す

  3. 残り2人で実装

  4. リーダーがレビューする

  5. リーダーがバックエンドを実装

  6. リーダーが結合作業を行う

  7. 終盤は全員でテスト

週3で対面 Google Class Roomで管理 image

image

機能

タスクの保存

  • 単方向リスト
  • 開発のしやすさ
  • 有向非巡回グラフして扱う
  • → 開発のしやすさ/アルゴリズム

    image

データベース

  • 複製・改変の容易さ
  • 統計の取り易さ

→ 統計の取りやすさ

複製/=リンク

  • リンク=リアルタイム共同編集
  • 複製=個人用に複製
  • 参加者管理

    • ルームへの割り当て
    • チーム毎のタスク管理
    • 参加者情報の出力
    → 参加者の効率的な管理

    匿名ログイン

    • 会員登録不要
    • Supabase AuthとRLSによりユーザーごとのアクセス制御
    → セキュリティの向上

    JSON読み込み

    • プレーンテキストから自動でタスクを作成

    大変なタスクの作成を自動化

    統計情報

    • 人ごとのタスクの量
    • クリティカルパスの表示
    • チームごとの統計情報の一覧
    → 主催者側が一括で閲覧できる。 → アドバイスなどを効率的できる。

    メモ

    - タスクごとにメモを作れる - ルームごとにメモを作れる。→ Google Documentの共有URLなどの書き込み

    成長・挑戦

    授業でならった知識を活用するのがおもしろかったです。 未経験の技術を使うのが面白かったです。

りんせい

@Rinsei