このプロジェクトは、Svelte と TypeScript を使用した画像ギャラリーアプリケーションです。ユーザーは画像をアップロードし、アップロードされた画像をギャラリーで表示することができます。また、不要な画像を削除することも可能です。
-
画像のアップロード: ユーザーは画像をアップロードすることができます。アップロードは、ファイル選択ダイアログまたはドラッグ&ドロップにより行うことができます。アップロードされた画像はサーバーに保存されます。
-
画像の表示: アップロードされた画像はギャラリーで表示されます。画像はマウント時にサーバーから取得され、Svelte のアニメーションを使用して表示されます。
-
画像の削除: ユーザーはギャラリーから画像を削除することができます。削除する画像は、削除ボタンをクリックすることで選択され、確認ダイアログが表示されます。
このプロジェクトは、Vite を使用してセットアップされています。開発サーバーを起動するには、npm run dev を実行します。ビルドするには、npm run build を実行します。
このプロジェクトは、クライアントとサーバーの 2 つの部分で構成されています。クライアントは Svelte と TypeScript で書かれており、サーバーは Express.js で書かれています。サーバーは画像のアップロードと取得を処理します。
このプロジェクトでは、CSS のスタイリングに Tailwind CSS と DaisyUI を使用しています。これにより、モダンでレスポンシブなデザインを簡単に実装することができます。
以上がこのプロジェクトの概要です。詳細な情報やコードの詳細については、各ファイルを参照してください。