taskers with slime(タスカーズwithスライム)

https://github.com/awoking/BeginnerHackathon202512-scla

React

Figma

Python

Ubuntu

チームでの共同作業を階層型タスク管理ツールにより効率化!

@w0ki

genseki1540

b2u206omm2s

けさぱさ

va8we21lm

推しアイデア

厳密な認証・セキュリティ設計 スライムがサイト内にいる

作った背景

①gitのようにチーム作業・開発で使えるtodoアプリがあればいいと考えたから ②gitが美しかったから 特に大学のグループワークなどで使って欲しいです

推し技術

・sqlalchemy ・proxmox

プロジェクト詳細

なにができるの?

・階層型のタスク管理により、細々としたタスクを見やすくまとめられます。

・チーム単位でのタスク管理ができます。

・サイト内にスライムが住み着いており、完了したタスクを食べてくれる世界観です。見て癒さされましょう。

操作方法

・プロジェクトからプロダクトを作成し、タスクを作成します。 タスクはファイルの階層構造のように 親タスク→ 子タスク→孫タスク と大元のタスクの中に小さなタスクを追加できる仕組みです。

・プロジェクト内の権限付与がありgitに近いやり方でタスクのチーム作業ができます。

・親タスクや子タスクには下位のタスクを一括で非表示・表示できる機能が備わっているので階層が深くなっても、画面が情報で溢れかえることはありません

キャラクター

・サイト内にはチーム作業で疲れた心を癒すかわいいスライムが移動しています。

・スライムのキャラクターデザインは一から手作業で作りました。

・スライムをクリックすると、、、。

UIの機能面

・プロジェクトの進捗度合把握のためのプログレスバー 自分のタスクを見るためのダッシュボード、カレンダー

技術面

・フロントエンドはReactを使用。  TailwindCSS,ShadcnUIを導入。  バックエンドはFastAPIを使用。  DBはSQlite

・デプロイはチームメンバーの自宅サーバー。  Proxmoxの上にUbuntuインストール。  DDNSで公開。

・私たちはWebアプリケーションの心臓部である認証システムにも力を入れました。 採用したのはJWT (JSON Web Token) を用いたステートレスな認証基盤です。 認証フローはOAuth2 に準拠させました。

・パスワードはそのまま保存せず、強力な bcryptアルゴリズムでハッシュ化することで、ユーザーのパスワードが悪用されることはありません。 将来の運用とセキュリティまで考えて設計を行いました。

開発面

・開発面でAIは主にコーディングや知らないものを導入する際に手順や仕組みの解説といった学習のために用いました。 また異なるライブラリの相性(バージョンによる互換性)やディレクトリ構成の把握といった全体の見通しを確保するのに大きく役に立ちました

@w0ki

@hair_is_dead