Full CRUD on Hotwire

Getting Started

1. Bundle install:

bundle install

2. Yarn install:

yarn install --check-files

3. Prepare database (db:setup or db:prepare)

bin/rails db:setups

Video Preview

Hotwire CRUD simple

Clip.mp4

Hotwire CRUD in Modal (with validation)

Clip.mp4

Devise User in Modal (edit profile only) and Tailwind dropdown

clip1.mov

Hotwire CRUD for Commets & Reply with broadcast and comments live counter

clip2.mov

Authorization Hotwire Commets & Reply (broadcast)

clip.mov

Authorization Hotwire Posts (broadcast)

clip1.mp4

Hotwire Comments info: comments count and author avatar (broadcast)

clip.mov

Hotwire 'Like' model with uniq validation. In real time (broadcast), information about the number of likes and whether the user has already voted is updated.

clip.mp4

Hotwire online user status.

clip.mp4

The maximum depth of nesting comments has been set (in Comment model -> 3).

clip.mp4

Added posts sorting with Hotwire. The selected sorting method is saved in Kredis.

clip.mp4

Added live search on posts (with validation and debounce). Posts are sorted based on search results. Added tooltip.

clip.mov

Added pagination with Pagy (Hotwire)

clip.mov

Added standard infinity scroll

clip2.mp4

Added asynchronous infinite scrolling after a certain delay (2.5 seconds)

clip.mp4

Added User history search (last 5 uniq result)

clip.mov

Added forced sanitization of search input

TODO:

1. Full text index search

2. Filter search result