CRUD_AJAX

CRUD_AJAX

www: https://ajax-2021.herokuapp.com/

https://github.com/RaviSys/ajax-demo-rails6 に基づく

Bootstrap 5 モーダルの完全な AJAX CRUD、ライブ自動検索、pagy による AJAX ページネーション

特集.mp4

無限スクロール、ユーザー アバター、ユーザー カード プレビュー (ブートストラップ ツールチップ)

クリップ2.mp4

スライダー、アコーディオン、カード

クリップ.mp4

小規模な調整 (1 ページのスクローラー、フッター、緑色のテーマ)

クリップ.mp4

ブートストラップ テンプレートのプレビュー

クリップ.mp4

TODO:

• 並べ替え可能 (おそらく懸念される) とフィルター:
  • ↑/↓ 最近、最大評価、最大人気、最も近い順に並べ替えます。フィルターをセッションまたは Redis DB に保存する
  • 年齢によるフィルター (範囲選択);
  • 性別でフィルターします（ラジオボタン）。
  • カテゴリ プロジェクトごとにフィルターします (複数のチェックボックス)。
  • プロジェクト名によるフィルター (インデックスを使用したオートコンプリート検索、おそらく Redis DB のインデックスを使用)
  • チーム名でフィルターします (選択 + TomSelect)
  • 星評価によるフィルター (ステップ 1 ～ 5 の範囲)
  • 先週/作成された山でフィルターします
  • ジオサーチによるフィルター。