ArtHub

https://github.com/progate-11-kaki

Next.js

Flask

TypeScript

Python

GitHubのようにイラストをオンラインで共有・管理

haru

メインアカウント

推しアイデア

プロジェクトにメンバーを 追加することで、複数人で コミットが可能になる! 各コミットにコメントを残すこともできる!

作った背景

ソースコードの代わりにイラストを共有・管理できたら面白そう

推し技術

ホーム画面の検索・ソート機能

プロジェクト詳細

作品概要

イラストをGitHubのように共有・管理できるWebアプリ。


機能

  • 登録・ログイン
  • プロジェクト作成
  • プロジェクト内でコミットを記録
  • 各コミットにコメントを残せる
  • 他のユーザーをプロジェクトに招待可能
  • プロジェクトに関連する更新を通知。

※未ログイン状態でも他の人のプロフィール、プロジェクトは閲覧可能


技術スタック

  • バックエンド: Flask
  • データベース: SQLite
  • ORM: SQLAlchemy
  • 認証: JWT
  • デプロイ: Render, Vercel
  • フロントエンド: Next.js (React)
  • UIライブラリ: shadcn/ui

--

FigJamで要件定義

image


Figmaでデザイン作成

image

--

学び

  • RenderとSQLiteなのでデータが永続的ではない。めっちゃすぐ消える
  • プロフィールやプロジェクトに画像を表示させているが、バックではバイナリデータとして扱っているのでレスポンスが遅い(多分)
  • データベースの属性やリレーションが冗長だった。

haru

@haru